Om dette verktøyet
Hva er CSS Gradient Generator?
Bygg CSS-gradienter med live forhåndsvisning. Velg type (lineær, radial, konisk), legg til ubegrenset antall fargestopp, angi vinkel (eller posisjon for radial), og kopier den genererte CSS-en. Utdataene støtter alle moderne nettlesere; for eldre nettlesere inkluderer vi leverandørprefiksede reserveverdier.
Designere bruker dette til heltebakgrunner, knappestiler og utforsking av merkevarestemninger. Eksporter som CSS, Tailwind-klasser eller SVG.
OSS · CSS GRADIENT GENERATOR
Spørsmål om CSS Gradient Generator
Hvilke gradienttyper støttes?
Lineære (vanligst, vinkelbasert), radiale (sirkulære eller elliptiske, kan plasseres) og koniske (den nyeste typen, sveiper farger rundt et midtpunkt, godt egnet for kakediagramlignende design). Alt eksporteres som standard CSS.
Kan jeg eksportere til Tailwind?
Ja. I tillegg til ren CSS sender generatoren ut Tailwind-verktøyklasser (f.eks. `bg-gradient-to-br from-blue-500 via-purple-500 to-pink-500`) når fargestoppene tilfeldigvis samsvarer med Tailwinds navngitte palett.
Gratis?
Ja. Ingen registrering, kjører i nettleseren.