Animierter CSS Spinner und Loader Generator

Einen animierten CSS Spinner / Loader (Größe, Farbe, Geschwindigkeit) mit Vorschau generieren.

▸Size : 40px▸Thickness : 4px▸Speed : 0.8s

▸CSS

.spinner {
  width: 40px;
  height: 40px;
  border: 4px solid rgba(255,255,255,0.15);
  border-top-color: #39d353;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

🔒 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.