C H A P T E R  8

Animation and Effects

Animations, transitions, transforms, effects: they are all really about the same thing. They get stuff to move on your screen without JavaScript.

Transitions are the transition from one CSS rule to another. So a CSS can specify position, color, size of elements; the transition or movement from one color or position to another can be done purely in CSS without the need for JavaScript to manage the values.

Transforms perform 2D and 3D rotation or movement of an element in the space of the browser's window. These are especially powerful when combined with transitions because you can get simple effects such as rotating a box or more complicated transitions in 3D.

Animations, notably key frame animations are ...

Get Learn HTML5 and JavaScript for iOS now with the O’Reilly learning platform.

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