Generator CSS Loader
Wybierz spośród wielu animacji ładowania CSS i uzyskaj kod. Dostosuj kolor, rozmiar i prędkość dla spinnerów, kropek, pasków i innych.
<div class="loader-spinner"></div>
.loader-spinner {
width: 40px;
height: 40px;
border: 5px solid rgba(0, 0, 0, 0.1);
border-left-color: #3B82F6;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}Jak używać
Wybierz loader

Wybierz preferowany wzór loadera
Dostosuj

Dostosuj kolory i rozmiar
Kopiuj

Skopiuj kod HTML/CSS
Funkcje
Bogate wzory
Spinnery, kropki, paski i wiele innych
Konfigurowalny
Dostosuj kolor, rozmiar i prędkość
Kopiuj i wklej
Kopiuj HTML+CSS bezpośrednio do użycia
FAQ
🔗Powiązane narzędzia
Przelicznik kodów kolorów
Przeliczaj między kodami kolorów HEX, RGB i HSL. Użyj próbnika kolorów i podglądu w czasie rzeczywistym do intuicyjnego wyboru kolorów.
Próbnik kolorów
Intuicyjnie wybieraj kolory za pomocą koła kolorów i suwaków. Pobieraj i kopiuj kody kolorów w formatach HEX, RGB i HSL.
Ekstraktor kolorów obrazu
Automatycznie wykrywaj dominujące kolory z obrazu i generuj paletę kolorów. Możesz też kliknąć dowolne miejsce na obrazie, aby wybrać pojedyncze kolory.
Pobieracz średniego koloru obrazu
Oblicz średni kolor całego obrazu lub wybranego obszaru. Przydatny do wybierania schematów kolorów lub kolorów tła miniatur.
Generator CSS gradient
Wizualnie twórz gradienty CSS za pomocą przeciąganych kontrolek. Obsługuje typy gradientów liniowych, radialnych i stożkowych z presetami.
Generator CSS box-shadow
Wizualnie twórz CSS box-shadow za pomocą suwaków. Obsługuje wiele cieni i cienie wewnętrzne.