Trasformare un’immagine in bianco e nero con i CSS

On 07.29.12, In css, tutorials, by

In questo tutorial vi mostreremo una semplice tecnica per trasformare un'immagine in bianco e nero utilizzando solamente i CSS.
Utilizzeremo i filtro grayscale che, essendo supportato da tutti i browser recenti, è possibile ottenere una soluzione cross-browser.

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