CSS - Utilizacion de Transform y Transition

 
Vista:

Utilizacion de Transform y Transition

Publicado por Nacho (1 intervención) el 29/06/2014 00:38:12
Buenas noches.

Tengo una duda que seguro que alguno me podrá ayudar.
Resulta que tengo que realizar un trabajo sobre Transform y Transition y me asalta una duda a la hora de como gestionarlo cuando en el mismo div tengo varias etiquetas, es decir h1,h2, icono.....y quiero que al pasar el puntero todo a la vez se mueva y se ejecute correctamente.
Pongo un ejemplo:

<div class="container">
<h1>PRIMERO</h1>
<h2>SEGUNDO</h2>
</div>

Si ahora con CSS lo que quiero hacer es que al pasar el puntero por el div correspondiente y una vez modificados con :hover h1 y h2 se mueva todo a la vez....como se ejecuta esta opción para que lo haga ambas a la vez??

Muchas gracias y espero vuestra respuesta con el código si puede ser
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve
Val: 624
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Utilizacion de Transform y Transition

Publicado por xve (490 intervenciones) el 29/06/2014 16:35:19
Hola Nacho, no te entiendo muy bien, pero para ello, tienes que poner el hover en el class container... algo así:

1
2
3
4
5
6
.container {
-webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease;
}
.container:hover{
    left:200px;
}

Ahi valta ver los estilos que tienes en cada elemento....
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar