UTILS.
Domyślnie prywatne
▤

Generator gradientów CSS

Zbuduj gradient liniowy lub radialny z podglądem na żywo i skopiuj CSS.

Twoje pliki zostają na tym urządzeniu

Pliki są przetwarzane w przeglądarce, nigdy nie są wysyłane. Strona pobiera kod i zasoby potrzebne narzędziom. Bez kont i śledzenia.

Użyj przycisku Pobierz, aby zapisać narzędzie jako jeden plik HTML do pracy offline.

Prywatność →

O tym narzędziu

Twórz dwukolorowy gradient liniowy lub radialny, wybierając kolory, pozycje i kąt, a następnie skopiuj regułę tła. Podgląd na żywo działa w całości w Twojej przeglądarce.

Najczęściej zadawane pytania

Czym jest kąt w gradiencie liniowym?
Kąt określa kierunek przejścia kolorów: 0° wskazuje w górę, 90° w prawo, 180° w dół i tak dalej.
Kiedy używać gradientu radialnego zamiast liniowego?
Użyj radialnego, aby kolory rozchodziły się na zewnątrz od punktu centralnego (jak reflektor); liniowy miesza je wzdłuż linii prostej.

Więcej narzędzi