Sunday, February 7, 2016

A pure CSS 3 based AJAX loader animation

This ajax loader animation is made by us, based on pure CSS and "no" GIF or JavaScript or jQuery! And of course, it is easily customizable. If you are super worried about browser support or compatibility issues, a GIF should be the best solution. In case you see any unwanted flickering effect on the animating elements, it is probably due to one or more style property overload by blogger or the theme(this website is hosted on Google Blogger). Visit jsfiddle.net/bfLqdu0m/3/ for source code and a better view.
Browser support
Google Chrome: 43.0, Microsoft Edge: 12.0, Microsoft Internet Explorer: 10.0, Mozilla Firefox: 16.0, Apple Safari: 9.0, Opera: 30.0
Inspired by the works of css-tricks.com