Om dette værktøj
Hvad er CSS Gradient Generator?
Byg CSS-gradienter med en live-forhåndsvisning. Vælg typen (lineær, radial, konisk), tilføj et ubegrænset antal farvestop, angiv vinklen (eller positionen for radial), og kopiér den genererede CSS. Outputtet understøtter alle moderne browsere; til ældre browsere inkluderer vi leverandørpræfiksede reserveløsninger.
Designere bruger dette til heltebaggrunde, knapstile og udforskning af brandstemning. Udskriv som CSS, Tailwind-klasser eller SVG.
FAQ · CSS GRADIENT GENERATOR
Spørgsmål om CSS Gradient Generator
Hvilke gradienttyper understøttes?
Lineære (de mest almindelige — vinkelbaserede), radiale (cirkulære eller elliptiske, kan placeres) og koniske (den nyeste type — fejer farver rundt om et midtpunkt, god til kagediagramlignende designs). Alt udskrives som standard CSS.
Kan jeg eksportere til Tailwind?
Ja — ud over den rene CSS udskriver generatoren Tailwind-hjælpeklasser (f.eks. `bg-gradient-to-br from-blue-500 via-purple-500 to-pink-500`), når farvestoppene tilfældigvis matcher Tailwinds navngivne palet.
Gratis?
Ja — ingen tilmelding, kører i browseren.