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
CSS3 overgangsgenerator
Jevn opasitetsovergang
Pekepenn til CSS-konvertering
Forvandle SCSS-koden din til CSS. Raskt, enkelt og sikkert.
Mindre til CSS-konverterer
Forvandle Less-koden din til CSS. Raskt, enkelt og sikkert.
Konverter TSV til JSON uten problemer
Transformer TSV-dataene dine til strukturert JSON-format med ett enkelt klikk. Rask, sikker og fullstendig nettleserbasert.
Gratis CSS-knappgenerator
Erstellen Sie ansprechende, responsive Schaltflächen für Ihre Website. Wählen Sie aus über 70 vorgefertigten Stilen oder passen Sie Ihre eigenen mit unseren erweiterten Steuerelementen an.
RGB til HEX
Konverter RGB-farger til HEXadesimale verdier for webdesign