jQuery 1.4 Animation Techniques - Index of

9
CSS3 Animations
CSS3 brings many impressive new styles to the web-development arena, and
even though the specification is far from complete, many aspects of it are being
used in the latest browsers. Pure-CSS animation may even make it into the
specification at some point, and although at the time of writing few browsers
support this, with a little help from jQuery we can create our own CSS3
animations that work with varying degrees of success, across most
common browsers.
In this chapter, we'll be covering the following topics:
The different CSS3 transforms available
Animating an element's rotation
Using the CSS3 transforms matrix
Animating an element's skew with jQuery
For further information on CSS3 2D transforms, see the W3C Working Draft
specification at http://www.w3.org/TR/css3-2d-transforms/.
CSS3 2D transforms
CSS3 defines a style property called transform which allows us to transform targeted
elements in a two-dimensional space along x and y axes. A range of transform functions can
be supplied as the value of the transform property, which dictates how the transformation
should be applied.