Ga naar inhoud

Verloopgenerator

Gratis online CSS-verloopgenerator. Lineair en radiaal, pas richting, kleuren, stoppunten aan. Code kopiëren. Verwerkt in browser.

Gratis online CSS-gradiëntgenerator. Ontwerp lineaire, radiale en conische gradiënten visueel en kopieer direct de CSS-code. Alle verwerking in je browser - geen communicatie met een server. Perfect voor webdesign-achtergronden, knoppen en UI-elementen.

Type
Hoek
90°
Kleuren
0%
100%
CSS-code
background: linear-gradient(90deg, #2563eb 0%, #7c3aed 100%);
lock Bestanden worden niet naar een server verzonden

Hoe gebruik je Verloopgenerator?

  1. Selecteer het gradiënttype (lineair, radiaal enzovoort).
  2. Voeg kleurstops toe en stel de kleuren in.
  3. Kopieer de gegenereerde CSS-code.

Veelgestelde vragen over Verloopgenerator

Welke gradiënttypen worden ondersteund?

Lineaire, radiale en conische gradiënten worden ondersteund.

Kan ik de CSS-code rechtstreeks kopiëren?

Ja, kopieer de gegenereerde CSS-gradiëntcode met één klik om die rechtstreeks op je website toe te passen.