Imagem em preto e branco

A propriedade filter define efeitos visuais (como preto e branco, desfoque e saturação) para um elemento (geralmente <img>).



img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE */
}




Saiba mais em:

https://www.w3schools.com/cssref/css3_pr_filter.asp

https://www.w3schools.com/cssref/playit.asp?filename=playcss_filter&preval=blur(5px)