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
Mindre til CSS-konverterer
Forvandle Less-koden din til CSS. Raskt, enkelt og sikkert.
CSS3 overgangsgenerator
Jevn opasitetsovergang
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.
Base64 kodeverktøy
Kod tekst til Base64-format med letthet rett i nettleseren din.
SHA3-256 Hash-kalkulator
Generer SHA3-256-hasher raskt og enkelt
SHA-1 Hash-kalkulator
Generer SHA-1-hasher raskt og enkelt