Kontrole preliva
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
Priljubljeni gradienti
Kako uporabljati
Vnesite svoje besedilo
V vnosno polje »Besedilo« vnesite besedilo, na katerega želite uporabiti preliv.
Izberite vrsto preliva
Izberite med linearnim, radialnim ali stožčastim prelivom.
Prilagodite smer ali kot
Za linearne gradiente izberite smer. Za stožčaste gradiente nastavite kot.
Prilagodi barve
Dodajte, odstranite ali prilagodite barvne oznake in njihove položaje, da ustvarite želeni preliv.
Kopiraj ali shrani CSS
Kopirajte ustvarjeno kodo CSS ali jo shranite kot datoteko CSS za uporabo v svojih projektih.
O prelivih besedila
CSS besedilni gradienti vam omogočajo, da na besedilo neposredno uporabite čudovite, večbarvne gradiente. Ta učinek je bil nekoč mogoč le s slikami, vendar ga sodobni CSS poenostavlja in poenostavlja.
Podpora brskalnika:Gradienti besedila so podprti v vseh sodobnih brskalnikih, vključno s Chromeom, Firefoxom, Safarijem in Edgeom. V starejših brskalnikih, kot je Internet Explorer, se bo besedilo vrnilo v enobarvno obliko.
Nasveti za uporabo:Prelivi besedila najbolje delujejo s krepkim besedilom in kombinacijami barv z visokim kontrastom. Eksperimentirajte z različnimi vrstami in smermi prelivov, da dosežete želeni učinek.
Related Tools
Pretvornik pisala v CSS
Pretvorite svojo kodo SCSS v CSS. Hitro, enostavno in varno.
Pretvornik SCSS v CSS
Pretvorite svojo kodo SCSS v CSS. Hitro, enostavno in varno.
Olepševalec CSS
Oblikujte in polepšajte svojo kodo CSS s profesionalno natančnostjo
Pantone v CMYK
Pretvorite barve Pantone v vrednosti CMYK za oblikovanje tiska
HEX v Pantone
Natančno pretvorite barvne kode HEX v barve sistema Pantone Matching System® za profesionalne oblikovalske potrebe
Zmanjševalec JavaScripta
Stisnite in optimizirajte svojo kodo JavaScript s profesionalnim minimiziranjem. Zmanjšajte velikost datoteke, izboljšajte čas nalaganja in izboljšajte delovanje svojih spletnih aplikacij.