从昨天下午开始,咱们打开各种网站后都是灰色的,咱们解说一下怎么用技术手段使网页变灰色。
//剖析:咱们网站的元素大多数都是img标签和其他文字行标签,文字咱们直接使用color:#ccc就可以更改,图片不可能每张都更换成灰色布景,那十分不现实,一张一张改起来是多大的工程。所以一定是使用类似蒙层,滤镜的东西把本来的颜色遮罩。
利用css3属性 filter:
其实只需要一行代码就可以使网页变灰,咱们利用css属性中的过滤器filter就可以完成
filter: grayscale(100%);
grayscale是将图画转换为灰度图像。值界说转换的比例。值为100%则完全转为灰度图画,值为0%图画无变化。值在0%到100%之间,则是效果的线性乘子。若未设置,值默认是0;
这是几年前我仿写的淘宝页,设置100%后效果对比一下
本文正在参与「金石方案 . 分割6万现金大奖」