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
Twórz idealne układy flexboxów
Wizualizuj, dostosowuj i generuj kod flexbox CSS za pomocą naszego intuicyjnego interfejsu typu "przeciągnij i upuść".
Konwerter rysika na CSS
Przekształć swój kod SCSS w CSS. Szybko, łatwo i bezpiecznie.
Konwerter SCSS na CSS
Transform your SCSS code into CSS. Fast, easy, and secure.
Twórz piękne cienie CSS Box bez wysiłku
Generuj oszałamiające cienie pudełek za pomocą naszego intuicyjnego interfejsu. Skopiuj kod CSS i natychmiast używaj go w swoich projektach.
Dekoder Base64 do JSON
Błyskawicznie konwertuj ciągi zakodowane w formacie Base64 na sformatowany kod JSON. Działa lokalnie w przeglądarce bez przesyłania danych.
Kalkulator średniej
Szybko oblicz średnią (średnią arytmetyczną) zbioru liczb za pomocą naszego łatwego w użyciu narzędzia.