ANIMATED EFFECTS USING CSS3 - Practical CSS3: Develop and Design - page 178

TRANSITIONS

With a run-through of CSS3 Transforms complete, let's now turn to pastures new,
namely transitions. As you've seen in some of the transform examples, transitions
allow you to smoothly animate properties that change upon a state change (for
example, when a link is hovered over) rather than the usual on/off rollover that
would occur otherwise.
Ta b l e 5 . 2 summarizes the browser support for transitions.

TAB LE 5.2 Browser Support for Transitions

BROWSER TRANSITIONS

Opera 10.5 with -o-

Firefox 4 with -moz-

Safari 3.1 with -webkit-

Chrome 4 with -webkit-

Internet Explorer 10 with -ms-

iOS 3.2 with -webkit-

Android 2.1 with -webkit-

Mobile Chrome Since beta with -webkit-

Opera Mobile 10 with -o-

Opera Mini No

Note that in IE10 platform preview 6, support for non-prefixed
transition properties has been added.

NOTE: It makes very little sense to try to demonstrate a transition
using static images, so I'll not include many in this section. I'd
advise that you have the code download files close at hand while
reading this section.