特殊时节教你如何把网站整体变灰

小刀技术学习 2020-04-04 359浏览 0

$9D~OA@1~CR$JXU%JS`C57L.png

小刀资源网教程

方法一，

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

方法二，

html { filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1); }

　　使用方法：这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。
　　如果网站没有使用CSS，可以在网页/模板的HTML代码<head>和</head> 之间插入：

<style>
html{filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>

方法三，

html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}

转载请注明：QQ极客网 » 技术学习 » 特殊时节教你如何把网站整体变灰

版权声明

本文仅代表作者观点，不代表B5编程立场。
本文系作者授权发表，未经许可，不得转载。

发表评论