Mozilla Demo Studio

  • Demo insturen

CSS Loading Icons

loading .gifs without the .gif

Gebouwd met behulp van CSS3,

  • 84 keer bekeken
  • 1 reacties

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.

1 reactie tot nu toe

Registreer of meld u aan om die van u toe te voegen.

  1. james zei:

    Awesome!

De broncode verkrijgen

Download de bron 33.85 KB · ZIP-bestand

Browse the Source

Deze demo is uitgebracht onder de GPL-licentie.

Meer van lord.xeon