DevTulz Online

CSS Gradient Generator

Farvestop

Hvad er en CSS-gradient?

CSS-gradienter giver dig mulighed for at vise glatte overgange mellem to eller flere farver uden at bruge billedfiler. De findes i tre typer: linear-gradient (langs en ret linje), radial-gradient (udstrålet fra et centerpunkt) og conic-gradient (svinger rundt om et centerpunkt). Gradienter bruges til baggrunde, knapper, overlejringer og dekorative elementer.

Sådan bruges CSS Gradient Generator

  1. Vælg en forudindstilling fra farveproverne, eller konfigurér din egen gradient.

  2. Vælg gradienttype: linear, radial eller conic.

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

  4. Rediger farvestop — skift farver og positioner (0–100%).

  5. Tilføj eller fjern farvestop efter behov.

  6. Kopiér CSS og indsæt det i dit stylesheet.

Keywords: CSS gradient generator, lineær gradient, radial gradient, konisk gradient, CSS baggrundsgenerator, gradientfarvevælger, CSS gradient værktøj