前几天因为伟人去世,大部分网站、APP都变成了黑白色(灰色),我一个行业网站的群里也在讨论如何让网站变成黑白的。一些群友发了几段代码,其中一个群友发的还算靠谱:
<style>
html {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
_filter:none;
}
</style>
并附言说放到统计代码里:其实不管放在那里,CSS加载有它的规定,从上到下,从左到右,从内到外,不同位置的CSS有它不同的权重,具体可以去查一下手册。这段代码放到总设置的统计代码里面
以上代码经过测试还是可以正常使用:

html{
filter:grayscale(100%)
}
这是一个CSS3的代码,非常简单,分享给大家。
发表评论 取消回复