Ustvarite čudovite nalagalnike CSS

Z našim intuitivnim vmesnikom »povleci in spusti« ustvarite animacije nalaganja CSS po meri v nekaj sekundah. Kodiranje ni potrebno!

Prilagodite svoj nakladalnik

Vrsta nakladalnika

Color

Size 40px

Speed 1s

Napredne možnosti

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 uporabljati

Prilagodite svoj nakladalnik z uporabo kontrolnikov na levi
Kliknite gumb »Ustvari CSS«
Kopirajte ustvarjeno kodo HTML in CSS
Prilepite ga v svoj projekt

Priljubljeni primeri nalagalnikov

Impulzni nalagalnik

3 Dots Enostavna izvedba

Nalagalnik vrtljivega stroja

Classic 100% CSS

Dual Ring

Dvojni krog Moderni slog

Nalagalnik odskokov

Odbijajoče pike Gladka animacija

Nakladalnik obročev

Prstan s piko Edinstvena oblika

Nakladalnik tehtnic

Skaliranje pik Lightweight

Kako uporabljati nalagalnike CSS

Osnovna izvedba

Uporaba nalagalnikov CSS, ki jih generira to orodje, je preprosta. Preprosto kopirajte generirano kodo HTML in CSS v svoj projekt.

1. korak: Dodajte CSS

Add the generated CSS code to your stylesheet or in a