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
Generer CSS3-transformationer med lethed
Et kraftfuldt, intuitivt værktøj til at skabe komplekse CSS3-transformationer uden at skrive kode. Visualiser ændringer i realtid og kopier den genererede CSS til brug i dine projekter.
CSS3 Transition Generator
Jævn opacitetsovergang
CSS til LESS-konverter
Omdan din CSS-kode til LESS med variabler, indlejring og meget mere. Hurtigt, nemt og sikkert.
Procentberegner
Beregn nemt procenter med vores intuitive procentberegner.
HTML-afkodningsværktøj
Afkod HTML-enheder med lethed direkte i din browser.
CSS-kolonnegenerator onlineværktøj
Opret og visualiser brugerdefinerede CSS-lempelsesfunktioner