Integrating CSS3 Animations with SVG and Filters

Every browser that supports CSS Transforms, Transitions, and Animations also supports SVG (Scalable Vector Graphics), an image format that has long been neglected by most web developers. After being ignored by Internet Explorer (IE) for a decade, SVG is experiencing something of a renaissance with its support in IE9 and all other modern browsers, making it ideal for deployment in mobile development and other use cases. As you’ll see in this chapter, CSS3 transitions and keyframes can integrate with SVG very well.

Filters, discussed in the second half of this chapter, are new to CSS but ...

Get Pro CSS3 Animation now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.