网站变灰色

如何让网站变灰色

网赚文章 2022-12-03 17:40:14 89

摘要

如何让网站变灰色从前几天开始,我们打开各种网站后都是灰色的,我们讲解一下如何用技术手段使网页变灰色。分析:我们网站的元素大多数都是img标签和其他文字行标签,文字我们直接使用color:#ccc就可以更改,图片不可能每张都更换成灰色背景,那非常不现实,一张一张改起来是……

如何让网站变灰色


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

2022-12-03_173904.jpg


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


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


filter: grayscale(100%);


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


评论(0)
76437226 vsyr888