CSS Loading Icons

loading .gifs without the .gif

Built using CSS3,


More About This Demo From The Author

CSS3 has advanced far enough where we can use keyframe animation to replace the ever ubiquitous loading gif.
Through the use of multiple backgrounds of CSS gradients, 3-D & 2-D CSS transforms, and regular old borders, margins, and colors, we can create some pretty advanced and awesome icons that have all the scaling benefits of native browser rendering.
I only hinted at it, but using some icon fonts opens the doors to even more exciting designs.

1 comment so far

Log in to add your own.

  1. james said,


About this Demo

Download the Source 33.85 KB · ZIP File

Browse the Source

This demo is released under the GPL license.

More by lord.xeon