Opret smukke CSS-tekstgradienter uden besvær
Omdan din CSS-kode til MINDRE med variabler, indlejring og mere.
Gradientkontroller
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
Populære gradienter
Sådan bruger
Indtast din tekst
Skriv den tekst, du vil anvende gradienten på, i " Tekst" indtastningsfelt.
Vælg forløbstype
Vælg mellem forløbstyperne Lineær, Radial eller Kegleform.
Juster retning eller vinkel
Vælg en retning For lineære forløb. For koniske gradienter skal du indstille vinklen.
Tilpas farver
Tilføj, fjern eller juster farvestop og deres placeringer for at oprette den ønskede farveforløb.
Kopier eller gem CSS
Kopier den genererede CSS-kode, eller gem den som en CSS-fil, der skal bruges i dine projekter.
Om tekst Forløb
CSS-tekstforløb giver dig mulighed for at anvende smukke, flerfarvede forløb direkte på tekst. Denne effekt var engang kun mulig med billeder, men moderne CSS gør det enkelt og effektivt.
Browserunderstøttelse:Tekstgradienter understøttes i alle moderne browsere, inklusive Chrome, Firefox, Safari og Edge. For ældre browsere som Internet Explorer vil teksten falde tilbage til en dækkende farve.
Tips til brug:Tekstgradienter fungerer bedst med fed tekst og farvekombinationer med høj kontrast. Eksperimenter med forskellige gradienttyper og retninger for at opnå den ønskede effekt.
Related Tools
SCSS til CSS konverter
Omdan din SCSS-kode til CSS. Hurtigt, nemt og sikkert.
Stylus til CSS-konverter
Omdan din SCSS-kode til CSS. Hurtigt, nemt og sikkert.
Sass til CSS konverter
Omdan din Sass-kode til CSS. Hurtigt, nemt og sikkert.
Fjern linjeskift fra din tekst
Konverter tekst med flere linjer til en enkelt kontinuerlig linje med vores brugervenlige værktøj.
Energienhedskonvertering
Konverter mellem forskellige energienheder med præcision og lethed
Effektenhedskonverter
Konverter mellem forskellige effektenheder med præcision til dine tekniske og videnskabelige behov