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 manj v CSS
Pretvorite svojo kodo Less v CSS. Hitro, enostavno in varno.
Brezplačen generator gumbov CSS
Erstellen Sie ansprechende, odziven Schaltflächen für Ihre Website. Wählen Sie aus über 70 vorgefertigten Stilen oder passen Sie Ihre eigenen mit unseren erweiterten Steuerelementen an.
Z lahkoto ustvarite CSS3 transformacije
Zmogljivo in intuitivno orodje za ustvarjanje kompleksnih transformacij CSS3 brez pisanja kode. Vizualizirajte spremembe v realnem času in kopirajte ustvarjeni CSS za uporabo v svojih projektih.
Generator radija roba
Orodje za generiranje CSS-jev za border-radius, ki hitro generira deklaracije CSS-ja za border-radius.
Pretvornik CSS v SASS
Preoblikujte svojo CSS kodo v zamaknjeno sintakso SASS. Hitro, enostavno in varno.
Oktiško v besedilo
Brez težav pretvorite oktalno predstavitev v besedilo