UTILS.
100% w przeglądarce

Generator gradientów CSS

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

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