Stvorite prekrasan CSS gradijent teksta bez napora

Stvorite zapanjujuće gradijentne tekstualne efekte za svoju web stranicu

Kontrole gradijenta

CSS gradijentni tekst
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

Popularni gradijenti

Sunset
linear-gradient(to right, #FF512F, #F09819)
Magic
linear-gradient(to right, #4158D0, #C850C0, #FFCC70)
Ocean
linear-gradient(to right, #0093E9, #80D0C7)
Electric
linear-gradient(to right, #30CFD0, #330867)
Voćna salata
linear-gradient(to right, #FA709A, #FEE140)
Neon Glow
linear-gradient(to right, #00DBDE, #FC00FF)

Kako koristiti

1

Unesite svoj tekst

Upišite tekst na koji želite primijeniti gradijent u polje za unos "Tekst".

2

Odabir vrste gradijenta

Odaberite između linearnih, radijalnih ili stožastih vrsta gradijenta.

3

Podešavanje smjera ili kuta

Za linearne gradijente odaberite smjer. Za konusne gradijente postavite kut.

4

Prilagodite boje

Dodajte, uklonite ili prilagodite zaustavljanja boja i njihove položaje kako biste stvorili željeni gradijent.

5

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