I already posted about cssload.net for css loading animation. In this post, I am going to post about single element CSS Spinners available for free. All these were developed by web developer Likehass. Each spinner consists of single div element. You only need to copy CSS and add DIV code.
Visit the website and select the loading animation you want to use. To use the animation, click on <View Source> link. Clicking on this link will open the sinners code in model box. Add CSS in css file or in head of the page. And add the html code where you want to add Spinners. To adjust the size, just change the font size according your needs. If you know the css, you can easily play with these single element css spinners.
- IE 10+
- Chrome 4.0+
- Firefox 16.0+
- Opera 15.0+
- Safari 4.0+
Try these single element css spinners and share your thoughts with us via comments.