Ver Mensaje Individual
  #5 (permalink)  
Antiguo 09/01/2014, 14:49
Avatar de pzin
pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 6 meses
Puntos: 2114
Respuesta: ¿Cómo lograr animaciones de ida y vuelta con CSS?

Pues estuve probando con poco éxito.

Si no te importa tener dos animaciones, puedes hacer algo así:



Curiosamente no funciona con la misma animación, que son totalmente iguales, sólo cambia el nombre. Pero al usar la misma parece quedarse estoicamente congelado por forwards.

Estuve probando con reverse y alternate-reverse pero sólo funciona en la misma petición de la animación.

Si fuese un pelín más simple la animación se podría igual hacer algo con transition. Bueno de hecho tal vez se puede así combinando transformaciones con anchos, cubic-bezier() y animation-delay.