Schöne CSS-Loader erstellen

Generieren Sie benutzerdefinierte CSS-Ladeanimationen in Sekundenschnelle mit unserer intuitiven Drag-and-Drop-Oberfläche. Keine Codierung erforderlich!

Passen Sie Ihren Lader

an Ladertyp

Color

Size 40px

Speed 1s

Erweiterte Optionen

Preview

.loader { border: 4px solid #f3f3f3; border-radius: 50%; border-top: 4px solid #165DFF; width: 40px; height: 40px; animation: spin 1s linear infinite; }  @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

Wie man es benutzt

Passen Sie Ihren Loader mit den Steuerelementen auf der linken Seite
an Klicken Sie auf die Schaltfläche
Kopieren Sie den generierten HTML- und CSS-Code
Fügen Sie ihn in sich einr project

Beliebte Loader Beispiele

Pulse Loader

3 Dots Einfach zu implementieren

Spinner Loader

Classic 100% CSS

Dual Ring

Double Circle Modern Style

Bounce Loader

Bouncing Dots Smooth Animation

Ring Loader

Ring mit Punkt Einzigartiges Design

Scale Loader

Skalierung von Punkten Lightweight

So verwenden Sie CSS Loader

Grundlegende Implementierung

Die Verwendung der von diesem Tool generierten CSS-Loader ist unkompliziert. Kopieren Sie einfach den generierten HTML- und CSS-Code in Ihr Projekt.

Schritt 1: CSS

Add the generated CSS code to your stylesheet or in a