Stvorite prekrasan CSS gradijent teksta bez napora
Stvorite zapanjujuće gradijentne tekstualne efekte za svoju web stranicu
Kontrole gradijenta
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
Popularni gradijenti
Kako koristiti
Unesite svoj tekst
Upišite tekst na koji želite primijeniti gradijent u polje za unos "Tekst".
Odabir vrste gradijenta
Odaberite između linearnih, radijalnih ili stožastih vrsta gradijenta.
Podešavanje smjera ili kuta
Za linearne gradijente odaberite smjer. Za konusne gradijente postavite kut.
Prilagodite boje
Dodajte, uklonite ili prilagodite zaustavljanja boja i njihove položaje kako biste stvorili željeni gradijent.
Kopiranje ili spremanje CSS-a
Kopirajte generirani CSS kod ili ga spremite kao CSS datoteku za korištenje u svojim projektima.
O gradijentima teksta
CSS gradijenti teksta omogućuju vam primjenu lijepih, raznobojnih gradijenata izravno na tekst. Ovaj efekt je nekada bio moguć samo sa slikama, ali moderni CSS ga čini jednostavnim i učinkovitim.
Podrška za preglednik:Gradijenti teksta podržani su u svim modernim preglednicima, uključujući Chrome, Firefox, Safari i Edge. Za starije preglednike kao što je Internet Explorer, tekst će se vratiti u jednobojnu boju.
Savjeti za korištenje:Gradijenti teksta najbolje funkcioniraju s podebljanim tekstom i kombinacijama boja visokog kontrasta. Eksperimentirajte s različitim vrstama gradijenta i smjerovima kako biste postigli željeni učinak.
Related Tools
CSS Minifier
Komprimirajte i optimizirajte svoj CSS kod s profesionalnom preciznošću
Pretvarač olovke u CSS
Transform your SCSS code into CSS. Fast, easy, and secure.
CSS uljepšivač
Formatirajte i uljepšajte svoj CSS kod s profesionalnom preciznošću
MD6 generator raspršivanja
Generate MD6 hashes quickly and easily
HEX u CMYK
Convert HEX color codes to CMYK for print applications
SHA-384 Hash kalkulator
Generate SHA-384 hashes quickly and easily