HTML and CSS Reference
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
10.5 with -o-
4 with -moz-
3.1 with -webkit-
4 with -webkit-
10 with -ms-
3.2 with -webkit-
2.1 with -webkit-
Since beta with -webkit-
10 with -o-
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.