con Javascript casi no eh hecho animaciones, en cambio, con css3 si :)
¿mas o menos que es lo que quieres hacer?
eh hecho algunos experimentos,
si quieres que las animaciones se solo se muestren 1 vez, con esta propiedad lo defines
Código:
animation-iteration-count:1;
si tienes por decirlo 3 animaciones, la animacion 1 dura 10 segundos, la 2 5 segundos y la 3 20 segundos, con la propiedad Delay lo puedes conseguir ;)
lo que harias seria darle a la animacion 2 un delay de 10 segundos, y a la animacion 3 un delay de 15 segundos
claro, igual le puedes dar un tiempo de retardo a la primer animacion, si es asi, debes tenerlo en cuenta ;)
te muestro unos experimentos inconclusos sobre algunas animaciones que eh hecho
http://juangemelonet.zz.mu/faltapoco/ http://juangemelonet.zz.mu/Misterio/
Repito la pregunta ¿mas o menos que es lo que quieres hacer?
PD: solo la cascada es un gif, todo lo demas tanto la casa como el "paisaje" estan hechos con puro css, si gustas, puedes analizar el codigo
