Wat is een kleurverloop?
Een kleurverloop of gradiënt is een vloeiende overgang tussen twee of meer kleuren. In webdesign zie je het vaak in achtergronden, knoppen en headers, omdat het met weinig code diepte en een moderne look geeft.
Lineair en radiaal kleurverloop
Een lineair verloop verandert van kleur langs een rechte lijn; de richting stel je in met de hoek (0° naar boven, 90° naar rechts). Een radiaal verloop begint in een middelpunt en loopt in een cirkel naar buiten. Deze generator maakt beide en geeft je de bijbehorende CSS (linear-gradient of radial-gradient).
Zo gebruik je het in CSS
Kopieer de code en plak hem in de eigenschap background van je element. Je kunt meerdere kleuren toevoegen en elke kleur apart aanpassen. Heb je ook een bijpassend palet nodig? Bekijk dan de kleurenpaletten of controleer het contrast voordat je er tekst op zet.