Stvorite prekrasne CSS učitavače

Generirajte prilagođene CSS animacije učitavanja u nekoliko sekundi pomoću našeg intuitivnog sučelja za povlačenje i ispuštanje. Nije potrebno kodiranje!

Prilagodite svoj utovarivač

Vrsta utovarivača

Color

Size 40px

Speed 1s

Napredne opcije

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

Kako koristiti

Prilagodite svoj utovarivač pomoću kontrola s lijeve strane
Kliknite gumb "Generiraj CSS"
Kopirajte generirani HTML i CSS kod
Zalijepite ga u svoj projekt

Popularni primjeri utovarivača

Pulsni utovarivač

3 Dots Jednostavan za implementaciju

Spinner utovarivač

Classic 100% CSS

Dual Ring

Dvostruki krug Moderan stil

Utovarivač za odbijanje

Točkice koje poskakuju Glatka animacija

Prstenasti utovarivač

Prsten s točkom Jedinstveni dizajn

Utovarivač vage

Skaliranje točaka Lightweight

Kako koristiti CSS učitavače

Osnovna implementacija

Korištenje CSS učitavača generiranih ovim alatom je jednostavno. Jednostavno kopirajte generirani HTML i CSS kod u svoj projekt.

Korak 1: Dodajte CSS

Add the generated CSS code to your stylesheet or in a