Motion and color - HTML5 and CSS3 - page 346

See the complete example in listing
ch09/animations-3.html.

Now you've learned how it
all works; how much of it
can you use right now?
You'll learn about browser
support in the next
section.

Browser support

12 14 4 6 8 9 10 11.1 11.5 5 5.1

Opacity ● ● ● ● ○ ● ● ● ● ● ●

RGBA ● ● ● ● ● ● ● ● ● ●

HSL/HSLA ● ● ● ● ● ● ● ● ● ●

2D transforms ○ ○ ○ ○ ○ ○ ○ ○ ○ ○

3D transforms ○ ○ ○ ○ ○

Transitions ○ ○ ○ ○ ○ ○ ○ ○ ○ ○

Animation ○ ○ ○ ○ ○ ○

Key:
● Complete or nearly complete support
○ Incomplete or alternative support
Little or no support

Opacity in IE8 and earlier
Although IE8 doesn't support the CSS3 opacity property, it does sup-
port setting opacity through its nonstandard filter mechanism:

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

This CSS will make the element it's applied to have an opacity value
of 0.5 .

Transforms, transitions, and animations in current browsers
Allcurrentbrowsersthathavesupportfortransforms,transitions,andani-
mations require a vendor prefix to make things work. For transforms and