Integrating CSS3 Animations with SVG and Filters

  • Dudley Storey


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.


Filter Transition Adobe Illustrator Vector Shape Scalable Vector Graphic Bitmap Image 
These keywords were added by machine and not by the authors. This process is experimental and the keywords may be updated as the learning algorithm improves.


Unable to display preview. Download preview PDF.

Unable to display preview. Download preview PDF.

Copyright information

© Dudley Storey 2012

Authors and Affiliations

  • Dudley Storey

There are no affiliations available

Personalised recommendations