Praktyczny przykład
- Dane wejściowe
Typ: Liniowy Pierwszy kolor: #336699 Drugi kolor: #ffffff Kąt: 90- Wynik
linear-gradient(90deg, #336699 0%, #FFFFFF 100%)
Generator gradientów CSS
Twórz liniowe i radialne gradienty CSS z dwoma kolorami, kątem i podglądem. Kopiuj kod lub pobierz plik CSS.
Wynik
Wprowadź dane i uruchom narzędzie.
Liczymy użycie narzędzi bez wprowadzonych wartości i zawartości plików w statystykach. Prywatność
Jak korzystać z narzędzia
- Ustaw Pierwszy kolor / Drugi kolor / Typ / Kąt.
- Kliknij „Przetwórz”, sprawdź wynik i użyj przycisków do kopiowania lub pobierania.
Metoda i ograniczenia
Wybierz dwa kolory HEX i kąt od 0 do 360 stopni. Kąt dotyczy tylko gradientu liniowego.
Przykład
#336699 + #CC6699 → linear-gradient(90deg, #336699 0%, #CC6699 100%)