This page tests animating the SVG attributes and properties with the YUI SVG extensions created for the SVG Wow! web site.
There are some browser limitations. For example, WebKit browsers (as of Safari 5.0 and Chrome 6.0) do not support animating gradient stop colors or properties on <use> elements.
Click on shape labels to start animations
Click on shape labels to start their animations.
Click on each path label to see it animate.
Click on the 'Blur us!' label to start the animation.
Click on the stroke property labels to start the animations.
Click on first rectangle's label to see onBegin/onEnd handlers called with no delay, 1s, 2s and 3s delays. Click on the "begin" text to start animation on the second rectangle or on the 'begin+1s" text to start it with a 1s delay. When the animations are started, click on the 'end' text to end the animation immediately or on 'end+1s' to end it after a 1s delay.
The dark gray rectangle's aninmation is synchronized with the black rectangle's animation. The light gray rectangle's animation is synchronized with the black rectangle's animation, but with a 1s delay.
Click on any of the white dots to start a cascade of animations.
Click on the labels to start the animations.