DCPIXEL
Alle tools

CSS-verloopgenerator

Ontwerp visueel een lineair of radiaal verloop en kopieer de kant-en-klare CSS-code. Direct, tot 6 kleurstops.

Nog 3 gratis poging(en) voor deze tool vandaagStart gratis proefperiode van 3 dagen →

Type

Hoek135°

Kleurstops

0%
100%

CSS-code

background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);

Kies kleuren, sleep stops, en pas de hoek aan om precies het verloop te bouwen dat je nodig hebt — de CSS `background`-code wordt live bijgewerkt en is klaar om in je project te plakken. Exporteer ook als PNG-afbeelding.

Veelgestelde vragen

Kan ik meer dan twee kleuren gebruiken?
Ja, tot 6 kleurstops. Voeg een stop toe, kies de kleur ervan, en sleep de positie ervan langs het verloop.
Werkt de CSS-code in alle browsers?
Ja. Lineaire en radiale verlopen die deze syntaxis gebruiken, worden ondersteund in alle moderne browsers.
Kan ik het verloop als afbeelding exporteren in plaats van CSS?
Ja. De downloadknop exporteert een PNG van 1200×630px van het huidige verloop — een veelvoorkomend formaat voor social media-banners en blogomslagen.

Meer tools worden momenteel vertaald — blader door de volledige Engelse catalogus voor de rest.

Alle tools →