如何让彩色 页变灰

如何让彩色 页变灰

在特殊的日子（如清明节特殊纪念日等），需要让彩色 页变成灰色（黑白色）如下图所示，怎么做到呢p>

下面先给出彩色正常的 页示例源码：

【为方便新手实验，给出源码中用到的图片 苹果.png

】

保存文件名：HTML页面c.html

用浏览器打开效果如上图左。

怎么做到让彩色 页变灰p>

在上述 页源码的

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

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

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

0% 时与原图没有区别。

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

amount 为空时使用值为1。

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

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

再次用浏览器打开效果如上图右。