Czym jest gradient?
Gradient to płynne przejście między dwoma lub więcej kolorami. W projektowaniu stron gradienty często trafiają na tła, przyciski i nagłówki, bo dodają głębi i nowoczesnego wyglądu przy bardzo małej ilości kodu.
Gradient liniowy czy radialny?
Gradient liniowy zmienia kolor wzdłuż prostej linii; kierunek ustawiasz kątem (0° to góra, 90° to prawo). Gradient radialny zaczyna się w punkcie środkowym i rozchodzi się okręgiem. Ten generator tworzy oba rodzaje i podaje pasujący kod CSS (linear-gradient lub radial-gradient).
Jak użyć go w CSS
Skopiuj kod i wklej go do właściwości background swojego elementu. Możesz dodać kilka kolorów i zmienić każdy z nich, edytując go. Jeśli potrzebujesz też pasującej palety kolorów, wypróbuj generator palet albo sprawdź kontrast, zanim położysz na nim tekst.