Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/05/2014, 20:32
Avatar de FantasmaFito
FantasmaFito
 
Fecha de Ingreso: junio-2007
Ubicación: Buenos Aires, Argentina
Mensajes: 118
Antigüedad: 16 años, 10 meses
Puntos: 0
Animación al finalizar otra animación

Hola, ¿es posible reproducir una animación con keyframes para un mismo elemento luego de finalizar otra animación? Tengo esto:

Código CSS:
Ver original
  1. .div_animacion{
  2.     animation:camion 3s ease forwards;
  3.     animation-delay:2s;
  4. }
  5.  
  6. @keyframes camion{
  7.     0%   {left:0px;}
  8.     100%  {left:200px;}
  9. }
  10.  
  11. @keyframes camion2{
  12.     0%   {top:0px;}
  13.     100%  {top:50px;}
  14. }

Lo que quiero lograr es que cuando termine la animación "camion" se ejecute la animacion "camion2". La primera animacion llega al ultimo frame y para. La segunda debería repetirse. Intenté con esto pero no me anduvo:

Código CSS:
Ver original
  1. .div_animacion{
  2.       animation:
  3.            camion 3s ease forwards,
  4.            camion2 3s easy infinite;
  5. }

¿Alguna idea que me oriente?
Gracias!!