O'Reilly logo

Learn HTML5 and JavaScript for iOS by Scott Preston

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

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

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