愿山河依旧，网站、APP不再灰暗！ ！ ！

前言

从梦中醒来，哦，又是一个阳光明媚的早晨。

为了向英雄致敬，市场上的应用程序和网站已变成灰色。

一边回忆，一边突然冒出一个问题，你是怎么做到的？ 一张一张调整图片并调整相应的控制颜色值是不是很困难？

很明显不是。 想来想去火狐浏览器兼容，还是直接调试一下，摸摸感觉吧。

探索日记——翻看别人的家

打开B站，直接打开开发者模式。 html 根节点有 class="gray"。 如果你好奇

电脑软件下载

一个班级可以做吗？ 我抱着怀疑的态度找到了掘金：

共同点是他们都使用：。

探索日记-官网看看到底是什么

CSS 属性将图形效果（例如模糊或颜色偏移）应用于元素。 滤镜通常用于调整图像、背景和边框的渲染。

官方给出了一个小例子：

求灰度图像属性对应的图像：

探索日记 - 练习

俗话说，好记性不如烂笔头。 自己动手做最实用。

效果是显而易见的。 如果要改变整个页面图片的灰度，只需要按照前人的方案直接在html中设置class即可。 该方案使用：

附上对应的CSS样式：

.mourning {
	-webkit-filter: grayscale(100%);  /* 兼容 Chrome、Safari 浏览器 */
	-moz-filter: grayscale(100%); /* 兼容 FireFox 火狐浏览器 */
	-ms-filter: grayscale(100%); /* 兼容 IE 浏览器 */
	-o-filter: grayscale(100%); /* 兼容 Opera 浏览器 */
	filter: grayscale(100%);
	filter: #808080;
}

后记

没有平静的岁月火狐浏览器兼容，却有人为你负重前行。

心存感激。

最后，再次希望所有网站不再变灰变黑！ ！ ！

再也不！ ！ ！

参考