CSS3 SMIL-animated spinner using SVG. Originally I animated SVG exclusively with CSS3 but the browser support is worse compared to SMIL.
See the spinner spinning: https://flekschas.github.io/spinner/
Desktop
- Chrome >= 5
- Safari >= 6
- Firefox >= 4
- Opera >= 10.1
Mobile
- Mobile Safari >= 6.1
- Android Browser >= 3
Desktop
- Chrome 19 [1], 44 [1]
- Safari 6.2.7 [2]
- Firefox 5 [2], 36 [1]
- Opera 12.15 [2], 28 [1]
Mobile
- Mobile Safari 8 [1]
- iOS Chrome 42 [1]
- SVG: http://caniuse.com/#feat=svg
- CSS3 Transitions: http://caniuse.com/#feat=css-transitions
- CSS3 Annimations: http://caniuse.com/#feat=css-animation
Desktop
- Chrome >= 4
- Safari >= 4
- Firefox >= 5
- Opera >= 12.1
- Internet Explorer >= 10
Mobile
- Mobile Safari >= 3.2
- Android Browser >= 3
Desktop
- Chrome 19 [1], 41 [1]
- Safari 6.2.6 [2]
- Firefox 10 [3], 20 [2], 36 [1]
- Opera 12.15 [3], 26 [1]
- Internet Explorer 10 [3]
Mobile
- Mobile Safari 8 [1]
- iOS Chrome 42 [1]
[1] Decent performance [2] Acceptable performance [3] Failed