Come creare: immagine in bianco e nero

Impara come creare un'immagine in bianco e nero usando CSS.

Immagine in bianco e nero

Usa CSS filter L'attributo trasforma l'immagine in un'immagine a bianco e nero.

Tulip
Immagine originale
Tulip
Scala di grigio (100%)

Esempio di scala di grigio

Cambia il colore di tutte le immagini in bianco e nero (100% grigio):

img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
{}

Prova personalmente

Pagine correlate

Tutorial:Immagine CSS

Manuale di riferimento:Proprietà filter CSS