Direct Link →

Lea Verou makes a "typing" animation with the CSS3 sub-property steps which allows you to specify how many keyframes an animation uses. Knowing the number of keyframes means you can know exactly that the CSS will be like at that keyframe and you can plan accordingly. Another example: animated "sprite sheet" by simurai.