css图片颜色设置为黑白

    工作中由于某些原因，可能需要前端将图片做去色处理，如图：

  ——>   

这里需要用到css的filter属性，具体介绍：https://www.runoob.com/cssref/css3-pr-filter.html。

话不多说，上代码：

img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}