HTML and CSS Reference
In-Depth Information
Figure 5-3.
Browser support for CSS3 features (November 2012;
For the most up-to-date information, you can always go to
http://w3.org/Style/CSS/current-work
to view
the W3C's latest work and working group discussions on CSS level 3's specification and as always, for quick reference
Not
■
if you absolutely need to target users on ie6 through ie9 browsers and a client is insisting on using Css3
features, visit
http://css3pie.com
, or have the client download Google's Chrome Frame
www.google.com/chromeframe
.
it will help you out in either scenario.
CSS3 Animations
As already stated, CSS3 animations are a completely new addition to the draft. With the most recent updates to the
spec, browser vendors are supporting animations via CSS, and the W3C is even compliant to the updates (for the most
part), making it a very soon-to-be standard amongst browsers.
This CSS module describes a way for authors to animate the values of CSS properties over time,
using key frames. The behavior of these keyframe animations can be controlled by specifying their
duration, number of repeats, and repeating behavior.
This is a pretty big deal. Prior to CSS3 animation, you needed to use animated GIFs, third-party plug-ins like
Flash, or expensive JavaScript commands to pull off animation. This is obviously before what we've just covered in
Canvas and SVG animations. In most cases, the more complex and robust the animation, the more taxing it was for
the user to handle and render the animation. Now with CSS3, animations can be offloaded to the GPU of the user's
machine or device, an approach that offers a much more fluid and seamless approach to animating in the browser.
This is exciting!
Let's take a look at the new animation properties within CSS3 that you can take advantage of today (see Table
5-1
).
