王明昌博客如果你对该文章中的内容有疑问/不解,可以点击此处链接提问
要注明问题和此文章链接地址 点击此处跳转
因为一些重大事件,我们需要把网站设为灰色,这时我们该怎么做呢?
如何将网站设置灰色,其实使用一段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%) }
> 本文由子枫笔记快捷发布！
