Ver Mensaje Individual
  #4 (permalink)  
Antiguo 09/01/2014, 10:19
Avatar de berkeleyPunk
berkeleyPunk
 
Fecha de Ingreso: febrero-2013
Ubicación: México :C
Mensajes: 565
Antigüedad: 11 años, 3 meses
Puntos: 22
Sonrisa Respuesta: ¿Cómo lograr animaciones de ida y vuelta con CSS?

Cita:
Iniciado por pzin Ver Mensaje
Puedes usar tal vez animation-direction que tiene un valor reverse, tal vez haciendo una animación en el estado natural y otra cuando se pase el mouse por encima...
Maestro pzin, gracias por responder. Igualmente al compañero g3kdigital.

Se me ocurrió hacer un menú animado, como el de aquí http://master.demo.offlajn.com/demo.html#GI_glassymenu (El menú está del lado izquierdo de la página.) La idea es la misma que en este ejemplo, salvo que me parece se vería más agradable si hubiera una animación de rebote cuando llegue al final de la ida y al final de la vuelta.

Ya le estuve moviendo al código y no sale . Aun espero que el maestro pzin haga sus pruebas.

Imaginaba que las animaciones de CSS3 traerían consigo la posibilidad de animar el regreso. Por el momento secundaré la idea de g3kdigital: "esos son terrenos del Javascript o Jquery." Apenas conozco algo de jQuery. Conozco un poco mejor JS. Voy a intentar lo siguiente: hacer 2 animaciones, la de ida y la de vuelta. Y con los listeners tratar de hacer que se ejecute la respectiva animación cuando se pone y quita el cursor del elemento a animar.

Saludos y nos leemos al rato!
::