使用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" />
复制代码

能够看到相似文章一开始展现的黑白对比效果图。