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
Konwerter Sass na CSS
Transform your Sass code into CSS. Fast, easy, and secure.
Narzędzie kodera Base64
Generuj bezpieczne skróty haseł dla WordPressa
Kalkulator skrótu SHA3-512
Generate SHA3-512 hashes quickly and easily
Ósemkowo na Tekst
Konwertuj reprezentację ósemkową na tekst bez wysiłku