老板：你也把咱们网站弄成灰色——网站变灰色如何实现

从昨天下午开始，我们打开各种网站后都是灰色的，我们讲解一下如何用技术手段使网页变灰色。

//分析：我们网站的元素大多数都是img标签和其他文字行标签，文字我们直接使用color:#ccc就可以更改，图片不可能每张都更换成灰色背景，那非常不现实，一张一张改起来是多大的工程。所以一定是使用类似蒙层，滤镜的东西把原本的色彩遮罩。

利用css3属性 filter:

其实只需要一行代码就可以使网页变灰，我们利用css属性中的过滤器filter就可以实现

filter: grayscale(100%);

grayscale是将图像转换为灰度图像。值定义转换的比例。值为100%则完全转为灰度图像，值为0%图像无变化。值在0%到100%之间，则是效果的线性乘子。若未设置，值默认是0；

这是几年前我仿写的淘宝页，设置100%后效果对比一下

image.png

本文正在参加「金石计划 . 瓜分6万现金大奖」