Twórz piękny gradient tekstu CSS bez wysiłku
Twórz oszałamiające gradientowe efekty tekstowe dla swojej witryny
Elementy sterujące gradientem
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
Popularne gradienty
Sposób użycia
Wpisz swój tekst
Wpisz tekst, do którego chcesz zastosować gradient, w polu wprowadzania "Tekst".
Wybierz typ gradientu
Wybierz jeden z typów gradientu liniowego, radialnego lub stożkowego.
Dostosuj kierunek lub kąt
W przypadku gradientów liniowych wybierz kierunek. W przypadku gradientów stożkowych ustaw kąt.
Dostosuj kolory
Dodawaj, usuwaj lub dostosuj punkty przejścia koloru i ich położenie, aby utworzyć żądany gradient.
Kopiowanie lub zapisywanie CSS
Skopiuj wygenerowany kod CSS lub zapisz go jako plik CSS do wykorzystania w swoich projektach.
Informacje o gradientach tekstu
Gradienty tekstu CSS umożliwiają stosowanie pięknych, wielokolorowych gradientów bezpośrednio do tekstu. Efekt ten był kiedyś możliwy tylko w przypadku obrazów, ale nowoczesny CSS sprawia, że jest prosty i wydajny.
Obsługa przeglądarek:Gradienty tekstu są obsługiwane we wszystkich nowoczesnych przeglądarkach, w tym Chrome, Firefox, Safari i Edge. W przypadku starszych przeglądarek, takich jak Internet Explorer, tekst powróci do jednolitego koloru.
Wskazówki dotyczące użytkowania:Gradienty tekstu najlepiej sprawdzają się w przypadku pogrubionego tekstu i kombinacji kolorów o wysokim kontraście. Eksperymentuj z różnymi typami i kierunkami gradientów, aby osiągnąć pożądany efekt.
Related Tools
Upiększacz CSS
Formatuj i upiększaj swój kod CSS z profesjonalną precyzją
Generator przejść CSS3
Płynne przejście krycia
Minifikator CSS
Kompresuj i optymalizuj swój kod CSS z profesjonalną precyzją
CMYK na HSV
Konwertowanie wartości kolorów CMYK na model kolorów HSV do zastosowań cyfrowych
Konwerter mniej na CSS
Przekształć swój kod Less w CSS. Szybko, łatwo i bezpiecznie.
Kalkulator wieku
Oblicz swój dokładny wiek w latach, miesiącach i dniach za pomocą naszego precyzyjnego kalkulatora wieku.