-webkit-transición con pantalla
¿Hay alguna forma de usar-webkit-transition
condisplay
?
Estoy usando CSSdisplay
para ocultar y mostrar un segundo nivel de navegación ... pero solodisplay: none
ydisplay: block
en:hover
es un poco poco sexy ... unease
sería genial (como-webkit-transition: display 300ms ease-in;
)
Sé que es bastante fácil hacer esto con jQuery, pero actualmente estoy tratando de configurar todo con CSS3 (lo sé: no todos los navegadores lo admiten, pero eso es irrelevante para este proyecto en el que estoy trabajando actualmente)
Aquí hay un código y estructura: (elli.menu1
tiene un:hover
consection.nav-menu1 {display: block;}
)
<ul>
<li class="menu1"><a href="#">Menu 1</a>
<section class="nav-menu1">
<h1 class="none">Level 2 Overlay</h1>
<nav>
<h2 class="none">Menu 1 Navigation</h2>
<ul>
<li><a href="#">Menu 1 Level 2-1</a></li>
<li><a href="#">Menu 1 Level 2-2</a></li>
<li><a href="#">Menu 1 Level 2-3</a></li>
</ul>
</nav>
</section>
</li>
</ul>