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 Sass v CSS
Pretvorite svojo Sass kodo v CSS. Hitro, enostavno in varno.
Ustvarite popolne postavitve Flexbox
Vizualizirajte, prilagodite in ustvarite kodo CSS flexbox z našim intuitivnim vmesnikom s funkcijo povleci in spusti.
Pretvornik pisala v CSS
Pretvorite svojo kodo SCSS v CSS. Hitro, enostavno in varno.
Ustvarite čudovit CSS besedilni gradient brez napora
Ustvarite osupljive učinke preliva besedila za svojo spletno stran
Orodje za kodiranje Base64
Z lahkoto kodirajte besedilo v format Base64 kar v brskalniku.
Kalkulator zgoščevalne vrednosti SHA-1
Hitro in enostavno ustvarite zgoščene vrednosti SHA-1