欢迎光临
感谢一路有你

如何将网站设置灰色

如果你对该文章中的内容有疑问/不解,可以点击此处链接提问
要注明问题和此文章链接地址 点击此处跳转
 

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

如何将网站设置灰色,其实使用一段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,<svg xmlns='http://www.w3.org/2000/svg'><filter id=… 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale); */    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=.85);    /* -webkit-filter: grayscale(.85) saturate(.8); */

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

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

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

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

如下的代码

body{ filter: grayscale(100%) }

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

赞(0) 打赏
未经允许不得转载:王明昌博客 » 如何将网站设置灰色
分享到: 更多 (0)

相关推荐

  • 暂无文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

×
订阅图标按钮