09/01/2014, 05:15
|
 | | | Fecha de Ingreso: noviembre-2013 Ubicación: En mi apartamento en bogotá
Mensajes: 208
Antigüedad: 11 años, 3 meses Puntos: 39 | |
| Respuesta: ¿Cómo lograr animaciones de ida y vuelta con CSS?
Hola
Interesante duda la que planteas. Aunque debo reconocer que un ":unhover" sería genial. Lo cierto es que no existe (hasta donde sé) en CSS un seudoselector "mouse-leave" o "mouse-out" o parecidos, esos son terrenos del Javascript o Jquery.
Tampoco sabría si hay alguna forma de lograr la reversa de una animación automaticamente, sin tener que crear otra animación por keyframe con el efecto contrario por lo menos en la especificación actual del css3.
Pero, si se me ocurren diferentes formas de abordar lo que quieres con css.
La forma más rapida que se me ocurrió lo puedes ver aquí:
http://codepen.io/g3kdigital/pen/mEndf
Lo que hice fue que cogí la propiedad transition para que cualquier cambio de propiedades en el css se anime automáticamente.
Coloque la propiedad que animas a la clase y al hover. Aunque bien no logra el efecto por completo, sí llega a verse una transición más leve entre los estados.
|