Ustvarite čudovit CSS besedilni gradient brez napora
Ustvarite osupljive učinke preliva besedila za svojo spletno stran
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.
Olepševalec CSS
Oblikujte in polepšajte svojo kodo CSS s profesionalno natančnostjo
Spletni generator CSS senc besedila
Ustvarite osupljive učinke preliva besedila za svojo spletno stran
Število delov na pretvornik
Natančno pretvarjajte med deli na milijon (ppm), deli na milijardo (ppb), deli na bilijon (ppt), odstotki in drugimi vrednostmi
Pretvornik slik v Base64
Pretvorba slik v kodiranje Base64 za spletni razvoj in vdelavo podatkov
Učinek besedila CSS Glitch
S tem interaktivnim generatorjem ustvarite osupljive učinke napak za svoje besedilo. Popolno za kiberpunk, igranje iger ali katero koli oblikovanje, ki potrebuje drzen, futurističen videz.