CSS - Gradient


Met CSS bestaat er de mogelijkheid om eenvoudig een gradient als achtergrond toe te passen op elementen waar je vroeger een afbeelding voor zou gebruiken. Doordat dit eenvoudig met CSS kan hoef je dit dus niet in te stellen met behulp van afbeeldingen.

Gradients worden getoond in de moderne browsers zoals Firefox, Google Chrome en Safari en de laatste versies van Internet Explorer. Hieronder een voorbeeld van een gradient.

div.gradient {
        background:linear-gradient(to right, #ffffff 0%,#ff6600 100%);
}


Voorbeelden:

Voorbeeld 1
Voorbeeld 2