Snippet : Dégradés / Gradients en CSS3

Ce bout de code permet de faire un dégradé en fond dans un bloc.
On notera que :

• La couleur de fond en fallback est définie en premier
• Le dégradé commence en haut par #fff, et finit en bas par #000
• Il existe une alternative via un filter pour MSIE

#mondiv {
    background-color: #fff;
    background-image: -moz-linear-gradient(top, #fff, #000); 
    background-image: -o-linear-gradient(top, #fff, #000); 
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #000)); 
    background-image: -webkit-linear-gradient(#fff, #000); 
    background-image: linear-gradient(#fff, #000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#000000'); 
}

Note : Attention, le filter gère hyper mal le Color Shorthand ( #fff au lieu de #ffffff ) 😉 ( Merci Guirec ! )

Un exemple ci-dessous, qui n’apparaîtra peut-être pas dans votre lecteur RSS :