使用CSS将图片转换成黑白(灰色、置灰)

CSS3 greyscale 滤镜实现

 .gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;
}
<img src="mm1.jpg" />
<img src="mm1.jpg" class="gray" />

可以看到类似文章一开始展示的黑白对比效果图。