CSS Kleurovergangen

Om je website aantrekkelijker te maken, zou je gebruik kunnen maken van kleuren. Je kunt objecten op je website bijvoorbeeld voorzien van een achtergrondkleur.

Kleurovergangen

Wanneer je een object een achtergrondkleur geeft, dan is dit een "solid" achtergrondkleur. Dit betekent dat de kleur overal hetzelfde is.

Om het effect nog wat mooier te maken, zou je ook gebruik kunnen maken van kleurovergangen. Je geeft dus een object een achtergrondkleur die overgaat in een andere achtergrondkleur.

Je kunt dit doen met CSS gradients.

In de onderstaande video laat ik je zien hoe je dergelijke kleurovergangen maakt:

Hou het subtiel

Het voorbeeld wat je in de video zag was natuurlijk verre van subtiel. Het is dan ook bedoeld om je zo goed mogelijk het effect van kleurovergangen te laten zien.

Wil je een echt mooi effect realiseren, dan zou je subtieler te werk moeten gaan. Dus, niet al te grote verschillen tussen de kleuren die de kleurovergang moeten vormen.

Of een overgang van een kleur naar wit of naar zwart kan ook een mooi effect geven.

Kortom, genoeg om mee te experimenteren!

Mocht je deze video leuk gevonden hebben, deel hem dan ook nog via de social media knoppen hierboven. Alvast bedankt!

You have no rights to post comments