CSS Loading Icons
loading .gifs without the .gif
Meer over deze demo van de maker
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.
De broncode verkrijgen
Deze demo is uitgebracht onder de GPL-licentie.