欢迎光临散文网 会员登陆 & 注册

网页CSS黑白滤镜代码

2020-04-04 10:25 作者:Nolca诺卡  | 我要投稿


效果图

很简单,只需在CSS加入代码,像加自带滤镜一样简单:

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


想要使其失效,只需要装一个Stylish插件,然后新建一个样式并打开,CSS代码如下(一定要加!important):

html { -webkit-filter: grayscale(0) !important; }

值得注意的是:CSS中的backgroundimage不会被灰度
所以自己手动做了个灰度背景(详见custom.css)


愿逝者安息


网页CSS黑白滤镜代码的评论 (共 条)

分享到微博请遵守国家法律