O'Reilly logo

Sams Teach Yourself SVG in 24 Hours by Micah Laaker

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Hour 15. Animation

Animation has long been considered a crowning achievement in Web graphics. Bringing static imagery to life with motion, an intelligent application of animation can evoke a feeling, a message, or a meaning. Not wanting to limit SVG, the W3C incorporated a series of animation abilities into their creation based on SMIL's functionality.

To introduce you to SVG's animation capabilities, you will learn the following in this hour:

  • How motion unfolds

  • Animating basic attribute value transitions

  • Animating along a motion path

  • Animating a transformation

  • Animating color transitions

Having familiarized yourself with transformations and the set element (which is actually an animation element) in the previous two hours, you are already aware ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required