DevTulz Online

CSS Gradientgenerator

Fargestopp

Hva er en CSS-gradient?

CSS-gradienter lar deg vise jevne overganger mellom to eller flere farger uten å bruke bildefiler. De finnes i tre typer: linear-gradient (langs en rett linje), radial-gradient (stråler ut fra et midtpunkt) og conic-gradient (svinger rundt et midtpunkt). Gradienter brukes til bakgrunner, knapper, overlegg og dekorative elementer.

Slik bruker du CSS Gradientgeneratoren

  1. Velg en forhåndsinnstilling fra prøvene, eller konfigurer din egen gradient.

  2. Velg gradienttype: linear, radial eller conic.

  3. Juster vinkelen (for linear/conic) eller formen (for radial).

  4. Rediger fargestoppene — endre farger og posisjoner (0–100%).

  5. Legg til eller fjern fargestopp etter behov.

  6. Kopier CSS og lim det inn i stilarket ditt.

Keywords: CSS gradientgenerator, lineær gradient, radial gradient, konisk gradient, CSS bakgrunnsgenerator, gradientfargevelger, CSS gradient verktøy