Trasformare un'immagine in bianco e nero con i CSS

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.gray { filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}

Autore

Sviluppatore web, aree riservete e gestionali.
Svolgo con passione e determinazione il proprio lavoro dedicando tempo alla ricerca e all'approfondimento di novità.

Sito web dell'autore