Pro CSS3 Animation

CHAPTER 1 ■ CSS3 FundAmEnTAlS

CSS3 Transitions are fully supported by the following browser versions, with vendor prefixing:

•    Firefox 4 and above

•    Chrome 4 and above

•    Safari 3.1 and above

•    Opera 10.5 and above

•    iOS Safari 3.2 and above

•    Opera Mobile 10

•    Android 2.1 and above

Internet Explorer 10 supports transitions without prefixing; you can expect very recent versions of other
browsers to do the same.
The CSS3 Animation working draft is fully supported by the following browser versions, with vendor
prefixing:

•    Firefox 5 and above

•    Chrome 4 and above

•    Safari 4 and above

•    Opera 12 and above

•    iOS Safari 3.2 and above

•    Android 4.0 and above (partial support from 2.1)

Again, Internet Explorer 10 supports CSS Animations without prefixing.

■ Tip http://www.caniuse.com is an excellent resource to keep track of browser support for CSS3.

Limitations of CSS3 Animation

While CSS3 Transforms, Transitions, and Animations are very powerful, there are a few properties that they
cannot affect, at least not currently:

•    CSS3 cannot control scroll bars or “scroll” the entire body of the document

•    Gradients cannot be animated (although this is possible to achieve with SVG or JavaScript).