Hvad er CSS-gradientgenerator?

Gratis online CSS-gradientgenerator. Opret lineære, radiale og kegleformede gradienter med live-forhåndsvisning og generér tilsvarende CSS-kode.

Hvorfor bruge CSS-gradientgenerator?

  • Lineær og radial gradient
  • Op til 3 farvestop med farvevælgere
  • Ren, klar-til-brug CSS-output

Sådan bruger du CSS-gradientgenerator — Trin for trin

1

Vælg gradienttype: lineær eller radial.

2

Juster farver og farvestop.

3

Kopier den genererede CSS-kode.

Hvem er CSS-gradientgenerator bedst til?

  • CSS-baggrunde
  • UI-design
  • knapper

CSS-gradientgenerator — Ofte stillede spørgsmål

What is a CSS gradient?

A CSS gradient is a smooth transition between two or more colors. Linear gradients transition along a straight line, while radial gradients radiate from a center point. Gradients are set using the background or background-image property.

Can I use multiple gradients together?

Yes, CSS allows multiple gradients on the same element by separating them with commas: background: linear-gradient(...), linear-gradient(...);

Klar til at bruge CSS-gradientgenerator?

Gratis onlineværktøj — fungerer i din browser, ingen tilmelding nødvendig. Start med at bruge det nu.

Prøv det nu
Free Forever · No Sign-up

179 Free Tools at Your Fingertips

All free online tools for developers, designers, students, and creators. Every tool works in your browser — no sign-up, no data collection.