Készítsen gyönyörű CSS-betöltőket

Hozzon létre egyedi CSS-betöltési animációkat másodpercek alatt intuitív fogd és vidd felületünkkel. Nincs szükség kódolásra!

Testreszabhatja a rakodógépet

Rakodó típusa

Color

Size 40px

Speed 1s

Speciális beállítások

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

Hogyan kell használni

Testreszabhatja a rakodógépet a bal oldali kezelőszervek segítségével
Kattintson a "CSS létrehozása" gombra
Másolja ki a generált HTML- és CSS-kódot
Illessze be a projektbe

Népszerű rakodópéldák

Impulzus töltő

3 Dots Könnyen megvalósítható

Spinner rakodó

Classic 100% CSS

Dual Ring

Dupla kör Modern stílus

Visszapattanó rakodó

Pattogó pontok Sima animáció

Gyűrűs rakodó

Gyűrű ponttal Egyedi kialakítás

Mérleg rakodó

Pontok méretezése Lightweight

A CSS betöltők használata

Alapvető megvalósítás

Az eszköz által generált CSS-betöltők használata egyszerű. Egyszerűen másolja a generált HTML és CSS kódot a projektbe.

1. lépés: Adja hozzá a CSS-t

Add the generated CSS code to your stylesheet or in a