Lag vakker CSS-tekstgradient uten problemer
Lag fantastiske gradientteksteffekter for nettstedet ditt
Graderingskontroller
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
Populære gradienter
Hvordan å bruke
Skriv inn teksten din
Skriv inn teksten du vil bruke gradienten på i "Tekst"-inntastingsfeltet.
Velg graderingstype
Velg mellom forløpningstypene Lineær, Sirkulær eller Kjeglen.
Juster retning eller vinkel
Velg en retning for lineære graderinger. For koniske gradienter, still inn vinkelen.
Tilpass farger
Legg til, fjern eller juster fargestopp og deres posisjoner for å lage ønsket gradering.
Kopier eller lagre CSS
Kopier den genererte CSS-koden eller lagre den som en CSS-fil for bruk i prosjektene dine.
Om tekstgraderinger
CSS-tekstgradienter lar deg bruke vakre, flerfargede gradienter direkte på tekst. Denne effekten var en gang bare mulig med bilder, men moderne CSS gjør det enkelt og effektivt.
Nettleser støtte:Tekstgradienter støttes i alle moderne nettlesere, inkludert Chrome, Firefox, Safari og Edge. For eldre nettlesere som Internet Explorer vil teksten falle tilbake til en heldekkende farge.
Tips om bruk:Tekstgraderinger fungerer best med fet tekst og fargekombinasjoner med høy kontrast. Eksperimenter med forskjellige gradienttyper og retninger for å oppnå ønsket effekt.
Related Tools
SCSS til CSS-konvertering
Forvandle SCSS-koden din til CSS. Raskt, enkelt og sikkert.
CSS-minifier
Komprimer og optimaliser CSS-koden din med profesjonell presisjon
Pekepenn til CSS-konvertering
Forvandle SCSS-koden din til CSS. Raskt, enkelt og sikkert.
Pekepenn til CSS-konvertering
Forvandle SCSS-koden din til CSS. Raskt, enkelt og sikkert.
HSV til CMYK
Konvertere HSV-fargekoder til CMYK-verdier for utskriftsdesign
CSS-filtergenerator
Opprett og visualiser tilpassede CSS-bildefiltre