spin.js is a slick way to add a loading wheel.
I love the subtle creative options, here.
You can use this as a stand-by piece that you can implement in all of your projects, without all of your projects looking exactly the same.
Check it out:
spin.js
Spin.js uses the CSS3 to render the UI, falling back to VML Internet Explorer. If supported by the browser, @keyframe rules are used to animate the spinner.
Go ahead, give it a spin.
It’s ridiculously, silly fun to play around with the slider to get different variations.
Features include:
- No images, no external CSS
- No dependencies
- Highly configurable
- Resolution independent
- Works in all major browsers, including IE6
- Smaller than an animated GIF (3K minified, 1.7K gzipped)
- MIT License
Spin does not require jQuery and is supported on:
- Chrome
- Safari 4+
- Firefox 3.5+
- IE 6,7,8,9+
- Opera 10.6+
- Mobile Safari (iOS 4)
You might want to download this one.
Learn more, download or fork on GitHub on the spin.js website.
[HT: MoreCode]
[…] and you can specify parameters for most attributes: speed, transparency, etc.Learn More | Demo spin.jsspin.js is an animated CSS3 loading spinner that is packed full of visual options.Learn More | […]