在特殊的日子(如清明节特殊纪念日等),需要让彩色网页变成灰色(黑白色)如下图所示,怎么做到呢?

下面先给出彩色正常的网页示例源码:
HTML页面布局测试
网页主标题
侧边栏
内容区域
我们的周围,充斥着谣言与假象。书刊、网上的绝大多数信息都可能是噪音。哪怕是记录事实的信息,依然可能是噪音,它只是在记录客观世界里的一个点而不顾或忽略来由背景。符合主观的意愿信息,更容易形成偏见。
要特别警惕,生活里,以讹传讹是很容易发生的。页脚
【为方便新手实验,给出源码中用到的图片 苹果.png

】
保存文件名:HTML页面c.html
用浏览器打开效果如上图左。
怎么做到让彩色网页变灰?
在上述网页源码的
标签内加入以下代码
html {
filter: grayscale(100%);
}
说明:grayscale(amount) :进行灰度转换。
amount转换值的大小,可以是数字或百分比。
当值为 100% 时,灰度最大。
0% 时与原图没有区别。
0% 到 100% 之间的值会使灰度线性变化。
amount 为空时使用值为1。
标准写法是filter: grayscale(100%)
对webkit内核浏览器写法是-webkit-filter: grayscale(100%)
再次用浏览器打开效果如上图右。
上一篇:七段显示译码器