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