不凡博客(Bufanz.com)

版权声明

未经允许,请勿转载本博客的文章、图片和视频,谢谢!
首页 > 建站 > 正文

网页“悼念模式”全站变灰/黑白色CSS代码

建站 | 2021年12月13日11:02:48

腾讯云轻量服务器2核2G3M仅88元/年

效果图

在国家公祭日、清明节、悼念先烈等等,可以让自己网站变成黑白色或者灰色,以表默哀或悼念。

网页“悼念模式”全站变灰/黑白色CSS代码

代码

代码放在</head>上面

<style>
html {
filter:grayscale(100%);
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
-webkit-filter:grayscale(1);
}
</style>

如果你的网站有自定义CSS接口,删除代码中的第一行和最后一行。

The End
淘宝购物先领券,更省钱

本文标题:网页“悼念模式”全站变灰/黑白色CSS代码

本文链接:https://bufanz.com/post/191.html

版权声明:本文章是 不凡博客(Bufanz.com) 的原创文章,未经允许请勿转载本文章!