写作责任编辑约莫须要1.31 两分钟。
前段时间总之他们都感受到了，许多中文网站、APP 在昨晚都金泽尔了，金泽尔的其原因是为的是庆祝一名英雄人物。
假如没看见，先来领略效用。
腾讯
chan
B站
当他们看见拉沙泰格赖厄县的文本都变为的是棕色，包括按键、相片之类。这时他们可能会疑惑这是是不是努力做到的呢？
没人会误以为大部份的文本都标准化换了两个 CSS 式样，相片也全改成棕色的了，按键等式样也标准化改成了棕色式样。但你再说那个生产成本也太高了，财主的傻女儿也无法那么干，所以要是某一命令行忘掉加棕色式样了何必太杂乱了。
那他们的办法是：你猜对了，魔法！在浏览器按下 F12，打开开发者模式，用元素定位器找到最外层的 HTML 标签，在 [式样] 面板下滑，找到这样一段代码。
他们可以看看，就是下面这段。
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
打开 JavaPub 的《最少必要面试题》中文网站 ，可以看见页面是正常颜色。
http://javapub.net.cn/
把这段代码加上看看效用，然后变为棕色系了。
那这段代码是什么意思呢？
filter: grayscale复制到Google搜索引擎看看
测试一下效用，参数为0时，式样正常颜色。
然后依次试一下60% 。
100%。
filter属性是前端技术CSS的功能之一它主要的作用是为相片、背景和边框添加模糊、颜色、饱和度等可视效用。除了 grayscale 函数，可选项还有以下这些：
<!— 给图像设置高斯模糊 —>
filter:blur(px)<!—给图像设置亮度—>
filter:brightness(%)
<!— 调整相片对比度 —>
filter: contrast(%)
<!— 添加阴影效用 —>
filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 1));
<!— 调整相片透明度 —>
filter: opacity(%);
<!— 调整相片灰度 —>
filter: grayscale(%);
<!— 调整相片反色 —>
filter: invert(%);
<!— 色相旋转 —>
filter:hue-rotate(deg);
<!— 调整相片饱和度 —>
filter: saturate(%)目前支持以下浏览器，第两个字段是版本号。
苟利国家生死以，岂因祸福避趋之！🕯 感谢他为中国的发展所做出的一切！
— 完 —
JavaPub首发原创电子书、《最少必要面试题》持续更新中 – 见群公告，持续关注！
