Om dette verktøyet
Lag vakre lineære og radielle CSS-gradienter med en visuell editor. Velg farger, juster stopp, endre retning eller vinkel, og se live forhåndsvisningsoppdateringen i sanntid. Kopier den genererte CSS-koden – inkludert leverandørprefikser for eldre nettlesere – og lim den direkte inn i stilarket ditt.
Ofte stilte spørsmål
- Fungerer CSS-gradienter i alle nettlesere?
- Moderne CSS-gradienter (lineær gradient, radial-gradient) støttes i alle nåværende nettlesere, inkludert Chrome, Firefox, Safari og Edge. Verktøyet kan valgfritt generere -webkit- prefikser for eldre nettleserversjoner.
- Kan jeg lage multi-farge gradienter?
- Ja. Legg til så mange fargestopper du trenger. Du kan også justere posisjonen til hvert stopp for å kontrollere hvor fargene blandes. Dette gir mulighet for komplekse regnbue-, solnedgangs- eller tilpassede merkegradienter.
- Hva er forskjellen mellom lineære og radielle gradienter?
- Lineære gradienter overfører farger langs en rett linje (topp til bunn, venstre til høyre, diagonal eller hvilken som helst vinkel). Radiale gradienter overfører farger utover fra et midtpunkt i en sirkulær eller elliptisk form.
- Kan jeg bruke gradienten som bakgrunn for tekst?
- Ja. Bruk bakgrunnsklipp: tekst med -webkit-text-fill-color: transparent for å bruke gradienten på tekst. Den genererte CSS-en gir gradientdefinisjonen - kombiner den med disse egenskapene for gradienttekst.