Krótka instrukcja
Spróbuj z własnymi danymi, kiedy będziesz gotowy.
Wypróbuj przykład
Wprowadź
- Kolor początkowy (HEX)
#f00
- Drugi kolor (HEX)
#00f
- Kąt (stopnie)
90
Otrzymasz
linear-gradient(90deg, #FF0000, #0000FF)
Jak działa i jakie ma ograniczenia
Wprowadź nieprzezroczyste kolory hex i kąt CSS od 0 do 360 stopni, używając punktu dziesiętnego. Przykład: czerwony, niebieski i 90 daje gradient liniowy (90deg, # FF0000, # 0000FF).
Kopiuj wynik jako wartość tła CSS. Przeglądarka kontroluje końcowe renderowanie gradientu.