Pro CSS3 Animation

CHAPTER 5

CSS3 Keyframe Animations

For creating simple animations of elements between two states, CSS transitions are easy to implement and use, but this simplicity comes with several significant limitations. To create more complex animations with a greater degree of control you need the CSS Animations module. I’ll refer to the animations created by the CSS Animations Module as keyframe animations to further distinguish them from transitions.

If you are more familiar with animation tools like Flash, or come from a video or film background, the time-based, “frameless” approach that CSS keyframe animations use may seem a little confusing at first. ...