Generer

CSS Gradient-generator

Opret flotte CSS-gradienter med live forhåndsvisning

Vinkel135°

Farvestop

#6366f10%

#ec4899100%

background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);

Om CSS Gradient-generator

CSS-gradientgeneratoren opretter smukke lineære og radiale gradienter med en live forhåndsvisning. Den outputter klar-til-brug CSS-kode, som du kan kopiere direkte ind i dine projekter. Dette gratis værktøj kører i din browser og gemmer ingen data på nogen server.

Ofte stillede spørgsmål

Hvordan opretter jeg en CSS-gradient?

Vælg din gradienttype, vælg farver med farvevælgerne, juster retningen eller vinklen, og se resultatet i realtid. Når du er tilfreds med gradienten, kan du kopiere den genererede CSS-kode og indsætte den i dit stylesheet.

Gemmes eller overføres der nogen data?

Nej. Gradienten oprettes udelukkende i din browser. Ingen farver, præferencer eller CSS-kode sendes til nogen server. Alt forbliver på din enhed, indtil du kopierer den genererede kode.

Kan jeg oprette gradienter med mere end to farver?

Ja, du kan tilføje flere farvepunkter for at oprette komplekse flerfarvegradienter. Du kan også justere placeringen af hvert farvepunkt og gradientens vinkel eller retning for at opnå den præcise visuelle effekt, du ønsker.