软盘君
本站的沙雕站长,半吊子运维
Floppy β Studio

4月4日哀悼日,你的网站准备好黑白了吗?

4月4日哀悼日,你的网站准备好黑白了吗?

相信正在看本文章的你,或多或少都看过类似的消息

作为一个沙雕站长,如何把自己网站变成黑白的网站?

其他的站长分享了一些小技巧,把网站变成黑白的

本站使用的方法

把下面的文本放进你的网站的页头即可:

<!-- 哀悼日网站变成灰色 -->
<style type="text/css">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);} </style>

记得清除缓存哈

还有个办法,我没有用过,你可以试试:

/*全站默哀*/
html{
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

本文章(4月4日哀悼日,你的网站准备好黑白了吗?)使用CC BY-SA 3.0进行许可,转载请注明出处: 如果你认为我们的文章对您有帮助,请在Youtube订阅软盘君的频道

华为云优惠!

没有标签
首页      未分类      4月4日哀悼日,你的网站准备好黑白了吗?
Floppy

Floppy

文章作者

生命不息,折腾不止~这是一个沙雕博主,不务正业的那种,还喜欢瞎折腾~

推荐文章

你需要先 登录 才能发表评论。

Floppy β Studio

4月4日哀悼日,你的网站准备好黑白了吗?
相信正在看本文章的你,或多或少都看过类似的消息 作为一个沙雕站长,如何把自己网站变成黑白的网站? 其他的站长分享了一些小技巧,把网站变成黑白的 本站使用的方法 把下面…
扫描二维码继续阅读
2020-04-03