Animierter CSS Spinner und Loader Generator
Einen animierten CSS Spinner / Loader (Größe, Farbe, Geschwindigkeit) mit Vorschau generieren.
🔒 100 % clientseitig — keine Daten gesendet
Generieren Sie einen animierten CSS Spinner oder Loader und passen Sie Größe, Farbe, Stärke und Geschwindigkeit an, danach kopieren Sie den sofort nutzbaren Code. Ein leichtgewichtiger Ladeindikator ohne Bilder oder JavaScript-Bibliothek. Alles wird lokal in Ihrem Browser erstellt.
What is it for?
- ▸ Einer Seite oder einem Button einen Ladeindikator hinzufügen
- ▸ Farbe, Größe und Animationsgeschwindigkeit anpassen
- ▸ Einen leichtgewichtigen Loader ohne Bild oder JavaScript erhalten
- ▸ Reines CSS kopieren, das in jedem Projekt wiederverwendbar ist
FAQ
Benötigt der Spinner JavaScript?
Nein, er basiert nur auf CSS und @keyframes-Animation und bleibt dadurch sehr leichtgewichtig.
Kann ich die Rotationsgeschwindigkeit ändern?
Ja, passen Sie einfach die Animationsdauer an, um den Spinner zu beschleunigen oder zu verlangsamen.
Funktioniert der Code auf Mobilgeräten?
Ja, CSS-Animationen laufen flüssig und werden von modernen mobilen Browsern gut unterstützt.
Related tools
Seitenverhältnis · Rechner Ein Seitenverhältnis (16:9…) berechnen und eine fehlende proportionale Abmessung ableiten. Barcode-Generator Einen Barcode (EAN-13, Code128, UPC) aus einem Wert generieren, herunterladbar, direkt im Browser. Base64 → Bild Eine data URI oder Base64 in ein anzeigbares, herunterladbares Bild dekodieren, direkt im Browser. CSS border-radius · Generator Erstellen Sie abgerundete CSS Ecken (border-radius) mit Live-Vorschau und kopierfertigem Code. CSS box-shadow · Generator Generieren Sie einen CSS box-shadow mit Live-Vorschau und kopierfertigem Code. Green-Screen-Entferner Machen Sie eine Hintergrundfarbe (Green-/Blue-Screen) transparent und exportieren Sie ein PNG in Ihrem Browser.