Developer Tools
CSS Gradient Generator
🔒 Werkt in je browser
Create linear, radial, and conic CSS gradients with a live preview. Copy the CSS instantly. Free, runs in your browser.
Hoe gebruik je deze tool
- Kies verlooptype, richting en kleurstops.
- Bekijk het live verloop en pas aan totdat je tevreden bent.
- Kopieer de gegenereerde CSS-code in je stylesheet.
Color stops
0%
100%
CSS
background: linear-gradient(135deg, #f97316 0%, #8b5cf6 100%);
Veelgestelde vragen
- Stuurt de verloopgenerator mijn gegevens naar een server?
- Nee. Alle verloopweergave en CSS-codegeneratie vindt volledig in uw browser plaats. Er wordt niets verzonden.
- Welke soorten verlopen kan ik maken?
- U kunt CSS lineaire verlopen (richtingsgewijze kleurovergangen) en radiale verlopen (cirkelvormig of elliptisch) maken. Beide ondersteunen meerdere kleurstops.
- Kan ik de uitvoer direct in mijn CSS gebruiken?
- Ja. Het hulpmiddel genereert gebruiksklare CSS-code die u rechtstreeks in uw stylesheet kunt kopiëren en plakken.
- Ondersteunt het meerdere kleurstops?
- Ja. U kunt zoveel kleurstops toevoegen als u nodig heeft en hun posities langs de verloopassie aanpassen.