⬆ ⬆ ⬆ ⬆

资源失效修复

当前位置:首页>技术教程> 网页 “悼念模式” 全站变灰/黑白色CSS代码
随机语录:
网页 “悼念模式” 全站变灰/黑白色CSS代码
84°
  • 发布时间
  • 最后更新于
    2022-12-10 10:49:59
  • 文章分类
  • 下载量
    0次【1月内】
  • 下载要求
    暂未获取
  • 文章来源
当前位置:首页>技术教程> 网页 “悼念模式” 全站变灰/黑白色CSS代码

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

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

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

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

打开WordPress后台→外观→自定义→额外CSS→复制粘贴以下代码→发布

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

公祭日自动灰白

/*公祭日自动变黑白开始*/
var date = new Date();
var year = date .getFullYear();
var month = date .getMonth()+1;
var day = date.getDate();
if(month=='12' && day=='13'){
$("html").css({
"filter":"progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)",
"-webkit-filter":"grayscale(100%)"
});
console.log("昭昭前事,惕惕后人,铭记历史,吾辈奋进。此刻,南京!");
}
/*公祭日自动变黑白结束*/
温馨提示
本站网络名称: 青禾博客
本文章永久网址: https://www.yu67.cn/1915.html
网站侵权说明:本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长Email:815854788@qq.com 删除处理。
1 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
3 本站资源大多存储在云盘,如发现链接失效,请联系我们第一时间更新。联系青禾站长

相关文章

0 条回复 A文章作者 M管理员
夸夸
夸夸
还有吗!没看够!
  • AC娘
  • Tv小电视
  • 婲喵酱
  • 大黄脸
  • 一人之下
    暂无讨论,说说你的看法吧
+1783运营天数
+1561文章总数
+3用户总数
+0今日注册
+0近7天更新
+0新增文章

客服QQ: 815854788

客服微信

返回顶部