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
CSS til LESS-konverter
Omdan din CSS-kode til LESS med variabler, indlejring og meget mere. Hurtigt, nemt og sikkert.
CSS3 Transition Generator
Jævn opacitetsovergang
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.
Dele pr. konverter
Konverter mellem dele pr. million (ppm), dele pr. milliard (ppb), dele pr. billion (ppt), procentdel og mere med præcision
CSS Triangle Generator
Tilpas din trekant med nedenstående muligheder, og få den genererede CSS-kode med det samme.
Konverter XML til JSON uden besvær
Omdan dine XML-data til struktureret JSON-format med et enkelt klik. Hurtigt, sikkert og helt browserbaseret.