不凡博客(Bufanz.com)

业务范围

网站搭建、优化、故障排查。
电脑故障排查、删除弹窗广告、重装系统、优化系统
32624142(请注明来意)

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

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

云闪付,新人注册领券5元话费券10元生活、购物券

效果图

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

网页“悼念模式”全站变灰/黑白色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接口,删除代码中的第一行和最后一行。

淘宝购物先领券,更省钱

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

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

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

本博客暂时不开放评论,有事请发邮件到 bufanz@aliyun.combufanz@126.com