2013-04-23 4 views
-2

나는이 세 가지 수준의 메뉴가 있습니다 http://codepen.io/anon/pen/EKmBD세 가지 수준의 메뉴는

나는, 레벨 2는 전환에 온다 당신은 레벨 1에 마우스를 가져 가면 있도록 불투명도 전환을 추가 할.

+2

codepen에 링크하지 마십시오. 질문에 관련 코드를 추가하여 독자적으로 설 수 있습니다. – Antony

답변

2

주셔서 감사합니다 당신은 SCSS를 사용하지만 순수 CSS에서 이것을했습니다, 그에 따라

Demo

은 그냥 CSS이 추가 번역 할 수

ul li ul { 
    opacity: 0; 
    transition: opacity 1s; 
} 

ul li:hover ul { 
    opacity: 1; 
} 

또한 레벨이 더 필요하면 ul li ul 다음에 순서대로 요소를 추가하십시오./* 다른 선언은 여기에 표시됩니다 */

+0

전환이 보이지 않습니다 ... – Stephen

+2

@Stephen 알 겠어 ... –

+1

@Stephen : 공급 업체 접두사가없는 상태 전환을 지원하는 브라우저를 사용해야 할 수도 있습니다. – Kyle