HTML and CSS Reference
In-Depth Information
Figure 5-1. CSS3's official new logo
CSS3 is bringing a world of new efficiencies to modern browsers, and you'll hear about them all in this chapter.
However, since, as of late 2012, the final specification hadn't been yet decided upon, I can cover only what has been
released to date. So be sure to check on the spec by visiting a very useful site, . In
addition, you'll learn about the features being submitted to and included within the spec by companies like Adobe,
Apple, and Google, which are doing some remarkable things.
First up, though, let's look at CSS3 animations where, for the first time ever, you can leverage keyframe data
within the CSS of your page or, more importantly, your web advertisements. With this update the latest browsers
can handle the animations natively, thus providing yet another way to animate within the browser. But don't get too
overwhelmed—you'll discover its benefits and downsides and learn the ideal way to handle animations in many
different scenarios.
Browser Support
First, though, let's cover the omnipresent issue of browser support when working with CSS3 animations. Currently,
since CSS3 animations are still in a working-draft state, browsers are adopting features at different rates. For example,
Microsoft just adopted them in the latest Internet Explorer browser, version 10, available on Windows 8. The chart in
Figure 5-2 , from , shows support for CSS3 animations as of November 2012.
Search WWH ::

Custom Search