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ą
Konwerter jednostek bajtów
Precyzyjna konwersja między różnymi jednostkami informacji cyfrowych
Konwertuj JSON na tekst bez wysiłku
Przekształć dane JSON w sformatowany zwykły tekst za pomocą jednego kliknięcia. Szybki, bezpieczny i całkowicie oparty na przeglądarce.
Darmowy generator przycisków CSS
Erstellen Sie ansprechende, responsive Schaltflächen für Ihre Website. Wählen Sie aus über 70 vorgefertigten Stilen oder passen Sie Ihre eigenen mit unseren erweiterten Steuerelementen an.