Foros del Web » Creando para Internet » CSS »

Lío con transition para desplegar <ul>

Estas en el tema de Lío con transition para desplegar <ul> en el foro de CSS en Foros del Web. Veamos, tengo este sencillo trozo de código: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original < div >     Productos     < ul >   ...
  #1 (permalink)  
Antiguo 14/11/2013, 12:40
Avatar de Linton  
Fecha de Ingreso: diciembre-2011
Ubicación: Viena
Mensajes: 1.213
Antigüedad: 12 años, 3 meses
Puntos: 55
Lío con transition para desplegar <ul>

Veamos, tengo este sencillo trozo de código:

Código HTML:
Ver original
  1. <div>
  2.     Productos
  3.    <ul>
  4.      <li>Uno</li>
  5.      <li>Dos</li>
  6.      <li>Tres</li>
  7.   </ul>
  8. </div>

Y quiero que se despliegue leeentamente, después de ponerle un display:none por defecto y un display:block para hover.

He probado a poner transition: 1s all ease-in-out en varios sitios, pero nada. ¿Cómo se hace?

Gracias, un saludo.
  #2 (permalink)  
Antiguo 14/11/2013, 12:50
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 7 meses
Puntos: 2114
Respuesta: Lío con transition para desplegar <ul>

display no se puede animar.

Si quieres que se despliegue tendrás que currártelo un poco más.
  #3 (permalink)  
Antiguo 14/11/2013, 13:09
Avatar de Linton  
Fecha de Ingreso: diciembre-2011
Ubicación: Viena
Mensajes: 1.213
Antigüedad: 12 años, 3 meses
Puntos: 55
Respuesta: Lío con transition para desplegar <ul>

Aaaaah vaya, pues a currárselo entonces. ¡Gracias!

Etiquetas: desplegar, hover
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:26.