Creați încărcătoare CSS frumoase

Generați animații personalizate de încărcare CSS în câteva secunde cu interfața noastră intuitivă drag-and-drop. Nu este nevoie de codare!

Personalizați-vă încărcătorul

Tip încărcător

Color

Size 40px

Speed 1s

Opțiuni avansate

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); } }

Mod de utilizare

Personalizați-vă încărcătorul folosind comenzile din stânga
Faceți clic pe butonul "Generați CSS"
Copiați codul HTML și CSS generat
Lipiți-l în proiect

Exemple populare de încărcătoare

Încărcător de impulsuri

3 Dots Ușor de implementat

Încărcător spinner

Classic 100% CSS

Dual Ring

Cerc dublu Stil modern

Încărcător de sărituri

Puncte de săritură Animație lină

Încărcător cu inel

Inel cu punct Design unic

Încărcător de cântar

Scalarea punctelor Lightweight

Cum se utilizează încărcătoarele CSS

Implementare de bază

Utilizarea încărcătoarelor CSS generate de acest instrument este simplă. Pur și simplu copiați codul HTML și CSS generat în proiectul dvs.

Pasul 1: Adăugați CSS

Add the generated CSS code to your stylesheet or in a