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
Generer CSS3-transformasjoner med letthet
Et kraftig, intuitivt verktøy for å lage komplekse CSS3-transformasjoner uten å skrive kode. Visualiser endringer i sanntid og kopier den genererte CSS-en for bruk i prosjektene dine.
CSS3 overgangsgenerator
Jevn opasitetsovergang
Mindre til CSS-konverterer
Forvandle Less-koden din til CSS. Raskt, enkelt og sikkert.
Base64 til CSV-konvertering
Konverter Base64-kodede CSV-data til nedlastbare CSV-filer umiddelbart. Fungerer lokalt i nettleseren din uten dataopplasting.
Base64 til JSON-dekoder
Konverter Base64-kodede strenger til formatert JSON umiddelbart. Fungerer lokalt i nettleseren din uten dataopplasting.
Tving konverteringsverktøy
Kraftomformeren er et hendig enhetskonverteringsverktøy som lar deg raskt bytte mellom ulike kraftenheter.