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
Mindre til CSS-konverterer
Forvandle Less-koden din til CSS. Raskt, enkelt og sikkert.
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.
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.
JSON-formatering
Beste JSON-formaterer og JSON-validator
Heksadesimal til desimal
Konverter heksadesimale tall til desimaler uten problemer