SMIL and CSS animations

Below is an example of animating SVG using CSS animations (top) and SMIL (bottom). These animations are based on spinkit by Tobias Ahlin.

View the source of this page to compare. CSS animations have a caveat that only some SVG properties can be animated today.

SVG/CSS:


SVG/SMIL: