CSS3 Chain Animations

Question

I have a series of animations that I need to perform on some text, and I was planning on using CSS3. My plan is to have some text that slowly moves down the screen and afte

Answer 1

Was just building a chain of animations in Chrome 16 using the "right" - and most general - way: firing the second animation on webkitAnimationEnd, with the animations defined by keyframes referenced from a class rule that defines the animation-* variables, and triggered by adding the class name to the target elements. This is "right" because it defines all timing intervals relatively, one time, because it's the most flexible (e.g. each animation can involve separate elements, which you can't do within one keyframe), and because it maximizes leveraging CSS3.

It failed. Fixed it by removing the classname of the completed transition before firing the next one!