If you need spinners of different sizes in your project, you no longer need multiple GIFs or to conduct crazy CSS experiments, use SVG spinner instead.
button {
background: url(images/spinner.svg);
background-size: 20px;
}
- IE 9.0
- Firefox 4.0
- Chrome 5.0
- Safari 5.0
- Opera 10.5
- iOS 4.0 (may be buggy)
- Android 3.0
- Blackberry 7.0
- Opera Mobile 10.0
- Chrome for Android 18.0
- Firefox for Android 15.0
Details: background-size, SVG in CSS backgrounds.