Hva er CSS-gradientgenerator?

Gratis online CSS-gradientgenerator. Lag lineære, radielle og kjegleformede gradienter med sanntidsforhåndsvisning og generering av tilsvarende CSS-kode.

Hvorfor bruke CSS-gradientgenerator?

  • Lineær og radiell gradient
  • Opptil 3 fargestopp med fargevelgere
  • Ren, klar-til-bruk CSS-utdata

Slik bruker du CSS-gradientgenerator — Steg for steg

1

Velg gradienttype: lineær eller radial.

2

Juster farger og fargestopp.

3

Kopier den genererte CSS-koden.

Hvem er CSS-gradientgenerator best for?

  • CSS-bakgrunner
  • UI-design
  • knapper

CSS-gradientgenerator — Ofte stilte spørsmå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 å bruke CSS-gradientgenerator?

Gratis onlineverktøy — fungerer i nettleseren din, ingen registrering nødvendig. Begynn å bruke det nå.

Prøv det nå
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.