Ontwerp
CSS Gradient Generator
Bouw CSS-gradiënten visueel.
Hoe te gebruiken
Kies een preset of bouw zelf: voeg kleurstops toe, sleep posities, schakel tussen lineair / radiaal / conisch. Kopieer CSS of het Tailwind-class-snippet.
FAQ
Welke verlooptypen worden ondersteund?
Lineair (elke hoek), radiaal (cirkel vanuit het midden) en conisch (kleurenwiel). Elk type ondersteunt meerdere kleurstops met versleepbare posities.
Hoe gebruik ik de CSS?
Kopieer de gegenereerde background-regel naar je stylesheet of plak deze in een willekeurige Tailwind-waarde, zoals bg-[linear-gradient(...)].
Kan ik met een voorinstelling beginnen?
Ja — klik op een van de 12 voorinstellingen (zonsondergang, oceaan, radiale spot, conische regenboog en meer) en pas daarna de stops en hoeken aan.
Laatst bijgewerkt: