UTILS.
100 % im Browser

CSS Spinner Generator

Erzeuge einen reinen CSS-Ladespinner und kopiere das CSS.

Über dieses Tool

Erstelle einen reinen CSS-Ladespinner in den Stilen Ring, Punkte oder Balken mit individueller Größe, Farbe und Geschwindigkeit, dann kopiere das CSS und die Keyframes. Die Vorschau animiert live in deinem Browser.

Häufig gestellte Fragen

Benötigt der Spinner Bilder oder JavaScript?
Nein — er besteht nur aus HTML-Elementen und CSS-Keyframes und funktioniert daher auf jeder Seite ohne zusätzliche Ressourcen.
Wie ändere ich, wie schnell er sich dreht?
Der Geschwindigkeitsregler legt die Animationsdauer in Sekunden fest; ein kleinerer Wert dreht schneller und ein größerer Wert langsamer.

Weitere Tools