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. ...

Get Pro CSS3 Animation now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.