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.div_animacion{
animation:camion 3s ease forwards;
animation-delay:2s;
}
@keyframes camion{
0% {left:0px;}
100% {left:200px;}
}
@keyframes camion2{
0% {top:0px;}
100% {top:50px;}
}
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.div_animacion{
animation:
camion 3s ease forwards,
camion2 3s easy infinite;
}
¿Alguna idea que me oriente?
Gracias!!