jQuery 1.4 Animation Techniques Beginner's Guide

Chapter 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

Note

For further information on CSS3 2D transforms, see the W3C Working ...