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%);

CSS-verloopgenerator

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.

🔐 100% Private — Client-Side Execution

All processing happens inside your browser using WebAssembly and HTML5 Canvas. Zero file uploads, zero server tracking. Compliant with LGPD & GDPR.

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.
🔥 Speed Up Your Site - 60% Off Launch

Score 99+ on Google PageSpeed Insights

Fast-track Largest Contentful Paint (LCP) under 2.5s and learn secure browser WebAssembly sizing matrices. Get our premium ebook Pixel Perfect with 4 bonus guides.

You Might Also Like

Other tools that work great alongside this one

GIF-maker

Combineer meerdere afbeeldingen tot een geanimeerd GIF. Beheer framevertraging, ...

Barcode-generator

Genereer direct CODE128-, EAN-13-, UPC-A-, CODE39-, en ITF-14-barcodes. Pas kleu...

App-icoon generator

Genereer elke iOS App Store- en Google Play Store-icoongrootte uit één logo – 10...

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

Alle tools →