SVG Animation Demos

Example 1

Uses SVG "animate" element in html

Click on the circle to start the animation.

Example 2

Uses SVG "dasharray" presentation attribute in CSS.

HOVER

Example 3

Achieves SVG animation with obscene amounts of JavaScript

Reload page to fire animation.