O tym narzędziu
Twórz dwukolorowy gradient liniowy lub radialny, wybierając kolory, pozycje i kąt, a następnie skopiuj regułę tła. Podgląd na żywo działa w całości w Twojej przeglądarce.
Zbuduj gradient liniowy lub radialny z podglądem na żywo i skopiuj CSS.
Pliki są przetwarzane w przeglądarce, nigdy nie są wysyłane. Strona pobiera kod i zasoby potrzebne narzędziom. Bez kont i śledzenia.
Użyj przycisku Pobierz, aby zapisać narzędzie jako jeden plik HTML do pracy offline.
Prywatność →Wybierz typ liniowy, ustaw kąt na 135, a kolory na #ff7e5f i #feb47b. CSS to background: linear-gradient(135deg, #ff7e5f 0%, #feb47b 100%);. Przesunięcie pierwszego punktu na 20 sprawia, że pierwszy kolor jest jednolity na pierwszych 20% obszaru.
0deg wskazuje w górę, a 90deg w prawo, więc 135deg biegnie od lewego górnego do prawego dolnego rogu. Jeśli tekst leży na gradiencie, sprawdź jego kontrast z oboma skrajnymi kolorami.
Twórz dwukolorowy gradient liniowy lub radialny, wybierając kolory, pozycje i kąt, a następnie skopiuj regułę tła. Podgląd na żywo działa w całości w Twojej przeglądarce.