A follow-up to my examination of bugs with CSS Transitions and the SVG
It's not quite as broken as the transitions, but it's still not consistent cross-browser:
In webkit (Chrome 34 and Opera 20)
Only the original circle animates, the
<use> element stays still.
currentColor stroke setting doesn't animate with the change in the
In Firefox (29)
Both circles animate, as does the
In InternetExplorer 11
Nothing in the SVG animates; IE doesn't support (non-script) SVG animation no matter how it is defined.
All the browsers tested animate the
<div> text position & color just fine (given the proper prefixes for webkit).