CSS使网页变灰

作者: 凯凯frank | 来源:发表于2020-04-04 12:14 被阅读0次

CSS使网页变灰
css使图片变灰
哀悼--CSS-filter-网页变灰
网站置灰
网页变灰效果实现！
网页变灰色css
Java学习之路
史上最全Java学习内容
Java学习路线图（二）
css-页面变灰

今天清明节，全国也举行了哀悼活动，缅怀逝去的英雄。

我在浏览网页的时候，发现有的网站风格变成了灰色。很好奇，一开始以为重写了每个按钮的颜色之类的。调试了半天发现不是。最终发现原来是用了filter过滤器，用法参照MDN:https://developer.mozilla.org/en-US/docs/Web/CSS/filter

于是，我们要想要实现网页变灰效果，可以在html或者body元素上添加如下样式即可。

html{
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

最后，愿逝者安息，山河无恙。活着的人保重身体。

CSS使网页变灰
今天清明节，全国也举行了哀悼活动，缅怀逝去的英雄。我在浏览网页的时候，发现有的网站风格变成了灰色。很好奇，一开始...
css使图片变灰
话不多说先上效果图（注意两张图的"网上直借"）：好了，现在上代码：哈哈，是不是很方便，再也不用切换图片那么麻烦...
哀悼--CSS-filter-网页变灰
[ 本站:https://jwt1399.top ] 4月4日全天变灰，向逝去生命致以崇高敬意！ CSS filt...
网站置灰
如果需要把网站置灰，我们可以利用css3属性 filter设置如下：其实只需要一行代码就可以使网页变灰
网页变灰效果实现！
如何用一行代码实现网页变灰效果？文章摘抄于菜鸟教程如何用一行代码实现网页变灰效果？网站变灰这个样式名叫...
网页变灰色css
为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼，国务院（4月3日）发布公告，决定2020年4...
Java学习之路
前端部分： 1）HTML：网页的核心语言，构成网页的基础 2）CSS：使网页更加丰富多彩灿烂的利器 ...
史上最全Java学习内容
前端部分： 1）HTML：网页的核心语言，构成网页的基础 2）CSS：使网页更加丰富多彩灿烂的利器 3）JavaS...
Java学习路线图（二）
前端部分： 1）HTML：网页的核心语言，构成网页的基础 2）CSS：使网页更加丰富多彩灿烂的利器 3）Ja...
css-页面变灰