DevTulz Online

CSS Gradientgenerator

Färgstopp

Vad är en CSS-gradient?

CSS-gradienter låter dig visa mjuka övergångar mellan två eller fler färger utan att använda bildfiler. De finns i tre typer: linear-gradient (längs en rak linje), radial-gradient (utstrålar från en mittpunkt) och conic-gradient (sveper runt en mittpunkt). Gradienter används för bakgrunder, knappar, överlägg och dekorativa element.

Så här använder du CSS Gradientgeneratorn

  1. Välj en förinställning från färgproverna eller konfigurera din egen gradient.

  2. Välj gradienttyp: linear, radial eller conic.

  3. Justera vinkeln (för linear/conic) eller formen (för radial).

  4. Redigera färgstopp — ändra färger och positioner (0–100%).

  5. Lägg till eller ta bort färgstopp efter behov.

  6. Kopiera CSS och klistra in det i ditt stylesheet.

Keywords: CSS gradientgenerator, linjär gradient, radial gradient, konisk gradient, CSS bakgrundsgenerator, gradientfärgväljare, CSS gradient verktyg