메뉴에서 마우스를 올려 놓을 때 하위 메뉴에 호버 효과 추가

Question

메뉴 링크에서 마우스를 가져갈 때 전환/다른 호버 효과를 추가하려면 어떻게해야합니까?

코드 : http://www.tutorialrepublic.com/codelab.php?topic=faq&file=show-hide-dropdown-on-mouse-hover

들으 [은 "제품 하위 메뉴"에 마우스를 가져보십시오]!

P.S는 : 나는 몇 가지 CSS3 전환을 추가하는 시도했지만 아무 일도 없다 .. : 없음 블록 : 디스플레이를 사용하지 않는

ul li ul{ 
     opacity:0; 
     transition:opacity 2s ease-in-out; 
    } 

    ul li:hover ul{ 
     opacity:1; 
    } 

를 유혹 할 때/

Answer 1

하위 메뉴 및 페이드 아웃됩니다. 불투명도를 대신 사용하십시오.