1.代码：

普通网页

 <style>

      html {

        filter: grayscale(100%);

      }

  </style>

或是:webkit内核浏览器写法

 <style>

      html {
        -webkit-filter: grayscale(100%)
      }

  </style>

2.说明：

grayscale(amount) :进行灰度转换。

amount转换值的大小，可以是数字或百分比。

当值为 100% 时，灰度最大。

0% 时与原图没有区别。

0% 到 100% 之间的值会使灰度线性变化。

amount 为空时使用值为1。

标准写法是filter: grayscale(100%)

对webkit内核浏览器写法是-webkit-filter: grayscale(100%)

3.演示：

随便打开一个网页：袁隆平（首届国家最高科学技术奖得主、杂交水稻之父）_百度百科 (baidu.com)

然后F12 打开控制台

添加代码

效果展示