CSS: immagini in scala di grigio

CSS: immagini in scala di grigio

La nuova proprietà CSS3 filter ci permette di applicare dei filtri agli elementi. Applicata alle immagini, questa proprietà ci consente di ottenere anche l'effetto delle immagini in scala di grigio.

Il codice seguente applica il filtro grayscale (scala di grigio):


img.desaturate { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

Torna su