Generator gradientów CSS

Generuj CSS dla gradientów liniowych i radialnych.
Wzór
LiniowyRadialny
Ustawienia
Kolor 1 (#eb2972)
Kolor 2 (#06c0cc)
Pozycja (50%)
Granica (80%)
Kąt (135°)
 

Wyjaśnienie

Generuje CSS w czasie rzeczywistym na podstawie kolorów i pozycji gradientu.

Ustawienia

WzórWybierz między gradientem liniowym a radialnym.
KoloryUstaw dwa kolory do połączenia.
PozycjaUstawia pozycję granicy między dwoma kolorami.
GranicaUstawia szerokość granicy między kolorami. Większe wartości tworzą łagodniejszy gradient.
KątDla gradientu liniowego możesz ustawić kąt.