Przejdź do treści

Generator Gradientów CSS

Twórz liniowe, radialne i stożkowe gradienty CSS z podglądem na żywo. Dostosuj kąty, kolory i pozycje. Za darmo, 100% w przeglądarce.

Typ
90°
Punkty kolorów
Wyjście CSS
 

O gradientach CSS

Gradienty CSS pozwalają tworzyć płynne przejścia między dwoma lub więcej kolorami. Mogą być używane jako tła, nakładki i efekty dekoracyjne bez potrzeby obrazów.

Typy gradientów

linear-gradient — przejście wzdłuż prostej linii. radial-gradient — przejście od punktu centralnego na zewnątrz. conic-gradient — przejście wokół punktu centralnego.

Punkty kolorów

Punkty kolorów definiują kolory i ich pozycje w gradiencie. Dodaj wiele punktów, aby tworzyć złożone przejścia kolorów.

Prywatność

Całe generowanie odbywa się w 100% w przeglądarce. Dane nie są wysyłane na serwer.