UTILS.
100% in de browser

CSS-spinnergenerator

Genereer een pure-CSS laadspinner en kopieer de CSS.

Over deze tool

Maak een pure-CSS laadspinner in ring-, stippen- of balkenstijl met aangepaste grootte, kleur en snelheid, en kopieer dan de CSS en keyframes. Het voorbeeld animeert live in je browser.

Veelgestelde vragen

Heeft de spinner afbeeldingen of JavaScript nodig?
Nee — hij is alleen opgebouwd uit HTML-elementen en CSS-keyframes, dus hij werkt op elke pagina zonder extra bestanden.
Hoe verander ik hoe snel hij draait?
De snelheidsschuifregelaar stelt de animatieduur in seconden in; een kleinere waarde draait sneller en een grotere waarde langzamer.

Meer tools