如何将网站设置灰色

分类：Html/Css时间：2022-12-04浏览：1086

因为一些重大事件,我们需要把网站设为灰色,这时我们该怎么做呢?

如何将网站设置灰色,其实使用一段css就可以实现

打开b站我们看下他是如何设设置的

b站目前就是灰色的,我们可以打开f12查看审查元素

取消样式后,原色又回来了

我们悄悄的复制下代码

复制下来代码如下

filter: grayscale(85%) saturate(80%);     /* -webkit-filter: grayscale(85%) saturate(80%); */    -moz-filter: grayscale(85%) saturate(80%);    -ms-filter: grayscale(85%) saturate(80%);    -o-filter: grayscale(85%) saturate(80%);    /* filter: url(data:image/svg+xml;utf8,#grayscale); */    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=.85);    /* -webkit-filter: grayscale(.85) saturate(.8); */

这里主要用到的css属性是 filter

至于具体的用法,百度一下你就知道

使用时也很方便,定义一个class类,然后将css样式复制到这个类中即可

你也可以使用一段代码(可能会有兼容性问题)

如下的代码

body{ filter: grayscale(100%) }

> 本文由子枫笔记快捷发布！

本站文章如未注明出处均为原创，转载请注明出处，如有侵权请邮件联系站长。