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
Generirajte CSS3 transformacije s lakoćom
Moćan, intuitivan alat za stvaranje složenih CSS3 transformacija bez pisanja koda. Vizualizirajte promjene u stvarnom vremenu i kopirajte generirani CSS za korištenje u svojim projektima.
CSS generator trokuta
Prilagodite svoj trokut pomoću opcija u nastavku i odmah nabavite generirani CSS kod.
Mrežni CSS generator tekstualnih sjena
Stvorite zapanjujuće gradijentne tekstualne efekte za svoju web stranicu
Pantone u CMYK
Convert Pantone colors to CMYK values for print design
Pretvarač CSS u olovku
Pretvorite svoj CSS kod u sintaksu olovke. Brzo, jednostavno i sigurno.