品牌/运营/管理/IT综合咨询
IT/互联网+解决方案
业务及咨询:13919290690
售后支持:18693088690
info@radartek.com
support@radartek.com

纪念日表示哀悼 如何让网页黑白显示(灰度显示)

睿达科网络提供:兰州网站建设/兰州网站制作/兰州网站设计/微信开发/SEO/代运营等服务…… 浏览更多产品服务

有时在纪念日或者表示哀悼的日子里,会需要把网页变成黑白显示的(灰度显示)的需求,怎样快捷方便地将网页变成黑白?利用css本身的功能即可实现全局黑白灰度渲染。

WordPress 网站可以在主题内置的自定义css中加入如下代码,保存生效,如果你是静态网站,可以把这段代码直接加到你网站风格的最开头即可。

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