Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/10/2014, 14:31
Pelydas
 
Fecha de Ingreso: abril-2010
Mensajes: 68
Antigüedad: 14 años, 6 meses
Puntos: 0
Transicion de un <p> dentro de un <li>

Hola, sigo con esto del CSS3, tengo un <p> dentro de un <li> así:

<li><h1><a href="#">Inicio</a></h1><p>Bienvenido a mi Web</p></li>

y hago una "transition:" al <li> asi:

li { ...... ; transition: border-top 2s Linear, background-color 2s Linear; }

y va bien con li:hover. Tengo otra tansición diferente en <p>:

p {...... ; transition: text-indent 4s Linear;} que va bien en p:hover.

Lo que quiero es saber como puedo hacer ambas transiciones a la vez cuando el :hover lo hago encima de cualquier parte del <li>. El ejemplo lo tengo en "soloaprendiz.22web.org ".

Gracias y saludos.