Unda Vipakiaji Vyema vya CSS

Tengeneza uhuishaji maalum wa upakiaji wa CSS kwa sekunde ukitumia kiolesura chetu angavu cha kuburuta na kudondosha. Hakuna usimbuaji unaohitajika!

Geuza kipakiaji chako kukufaa

Aina ya kipakiaji

Color

Size 40px

Speed 1s

Chaguzi za Juu

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

Jinsi ya kutumia

Geuza kipakiaji chako kukufaa kwa kutumia vidhibiti vilivyo upande wa kushoto
Bofya kitufe cha "Tengeneza CSS"
Nakili msimbo wa HTML na CSS unaozalishwa
Bandika kwenye mradi wako

Mifano maarufu ya kipakiaji

Kipakiaji cha Pulse

3 Dots Rahisi kutekeleza

Kipakiaji cha Spinner

Classic 100% CSS

Dual Ring

Mduara mara mbili Mtindo wa kisasa

Kipakiaji cha Bounce

Dots za Kuruka Uhuishaji laini

Kipakiaji cha Pete

Pete yenye nukta Ubunifu wa kipekee

Kipakiaji cha kiwango

Kuongeza nukta Lightweight

Jinsi ya kutumia Loaders za CSS

Utekelezaji wa kimsingi

Kutumia vipakiaji vya CSS vinavyozalishwa na zana hii ni moja kwa moja. Nakili tu msimbo wa HTML na CSS unaozalishwa kwenye mradi wako.

Hatua ya 1: Ongeza CSS

Add the generated CSS code to your stylesheet or in a