Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Transicion de un <p> dentro de un <li>

Estas en el tema de Transicion de un <p> dentro de un <li> en el foro de CSS en Foros del Web. 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> ...
  #1 (permalink)  
Antiguo 14/10/2014, 14:31
 
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.
  #2 (permalink)  
Antiguo 14/10/2014, 15:04
 
Fecha de Ingreso: abril-2010
Mensajes: 68
Antigüedad: 14 años, 6 meses
Puntos: 0
Respuesta: Transicion de un <p> dentro de un <li>

Me respondo a mi mismo y ..... me autocritico, hay que googlear un poquito antes de preguntar jajaja. Pongo la respuesta y al mismo tiempo doy el tema "solucionado" pero lo dejo por si alguien tiene esta misma duda. Saludos.

li:hover{ ...... }

li:hover p { ....... }

Etiquetas: background, color, hover, transicion
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 19:58.