Over deze tool
Met deze gratis CSS-gradiëntgenerator ontwerp je een lineaire of radiale gradiënt met zoveel kleurstops als je wilt, stel je de hoek in, bekijk je hem live en kopieer je de kant-en-klare CSS.
Alles werkt in je browser — er wordt niets geüpload.
Functies
- Lineaire of radiale gradiënten
- Meerdere kleurstops met instelbare posities
- Hoek-besturing voor lineaire gradiënten
- Live voorbeeld en CSS kopiëren met één klik
Hoe te gebruiken
- Kies een type — lineair of radiaal
- Stel je kleurstops in — wijzig kleuren en sleep hun posities, voeg er meer toe indien nodig
- Pas de hoek aan (lineair)
- Kopieer de CSS — plak het rechtstreeks in je stylesheet