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
Generuj transformacje CSS3 z łatwością
Potężne, intuicyjne narzędzie do tworzenia złożonych przekształceń CSS3 bez konieczności pisania kodu. Wizualizuj zmiany w czasie rzeczywistym i kopiuj wygenerowany kod CSS do wykorzystania w swoich projektach.
Konwerter jednostek bajtów
Precyzyjna konwersja między różnymi jednostkami informacji cyfrowych
Kalkulator skrótu SHA3-512
Generate SHA3-512 hashes quickly and easily
Konwertuj JSON na TSV bez wysiłku
Przekształć swoje dane JSON do formatu wartości rozdzielanych tabulatorami (TSV) za pomocą jednego kliknięcia. Szybki, bezpieczny i całkowicie oparty na przeglądarce.