Generer

CSS-gradientgenerator

Lag vakre CSS-gradienter med live forhåndsvisning

Vinkel135°

Fargestopp

#6366f10%

#ec4899100%

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

Om CSS-gradientgenerator

CSS-gradientgeneratoren oppretter vakre lineære og radiale gradienter med en live forhåndsvisning. Den gir klar-til-bruk CSS-kode som du kan kopiere direkte inn i prosjektene dine. Dette gratisverktøyet kjører i nettleseren din og lagrer ingen data på noen server.

Vanlige spørsmål

Hvordan oppretter jeg en CSS-gradient?

Velg gradienttypen din, velg farger med fargevelgerne, juster retningen eller vinkelen, og se resultatet i sanntid. Når du er fornøyd med gradienten, kopierer du den genererte CSS-koden og limer den inn i stilarket ditt.

Lagres eller overføres det noen data?

Nei. Gradienten opprettes utelukkende i nettleseren din. Ingen farger, preferanser eller CSS-kode sendes til noen server. Alt forblir på enheten din til du kopierer den genererte koden.

Kan jeg opprette gradienter med mer enn to farger?

Ja, du kan legge til flere fargestopp for å opprette komplekse flerfargegradienter. Du kan også justere plasseringen til hvert fargestopp og gradientens vinkel eller retning for å oppnå den nøyaktige visuelle effekten du ønsker.