O'Reilly logo

Pro CSS3 Animation by Dudley Storey

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

CHAPTER 5

image

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

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required