Gratis CSS Verloop Generator
Maak lineaire en radiale CSS-verlopen visueel, bekijk ze direct en kopieer de gegenereerde CSS-code.
CSS-gradient-generator maakt lineaire of radiale CSS-gradiënten met instelbare hoek en tot drie kleurstops, met live-preview en één-klik kopiëren van de gegenereerde CSS-regel. Bevat kant-en-klare presets (Sunset, Ocean, Purple Glow, Soft Gray) en richting-snelkoppelingen. Volledig in je browser — geen upload, geen registratie, geen account. Gemaakt door FreeToolHub.
Verlooptype
Voorbeeld
CSS-uitvoer
background: linear-gradient(90deg, #ff7e5f 0%, #feb47b 100%);
Snelle voorinstellingen
Maak prachtige CSS-verlopen voor websites, knoppen, achtergronden en UI-elementen.
Veelgestelde vragen
Wat is een CSS-verloop?
Een CSS-verloop is een vloeiende overgang tussen twee of meer kleuren, volledig gedefinieerd in CSS zonder afbeeldingsbestanden. Verlopen kunnen als achtergrond op elk element worden toegepast.
Wat is het verschil tussen lineaire en radiale verlopen?
Een lineair verloop laat kleuren overgaan langs een rechte lijn op een bepaalde hoek. Een radiaal verloop laat kleuren overgaan vanuit een middelpunt in een cirkelvormige of elliptische vorm.
Kan ik de gegenereerde CSS kopiëren?
Ja. Klik op «CSS kopiëren» om alleen het CSS-fragment naar het klembord te kopiëren. U kunt het direct in uw stylesheet plakken.
Hoeveel kleurstops kan ik gebruiken?
Deze generator ondersteunt tot 3 kleurstops. Elke stop heeft een kleur en een positie van 0 % tot 100 %.
Slaat dit hulpmiddel mijn instellingen op?
Nee. Alle verloopinstellingen zijn lokaal in uw browsersessie. Er wordt niets opgeslagen of naar een server verzonden.
Is deze generator gratis?
Ja. De CSS Verloop Generator is volledig gratis zonder aanmelding en zonder beperkingen.