当前位置:Nanlon > 建站相关 > 正文

寄托哀思,网站开启哀悼模式

Tips:本文最后更新于2020-04-07 14:52:32,某些文章具有时效性,若有错误或已失效,请在下方留言或联系Nanlon

为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼,国务院发布公告,决定 2020 年 4 月 4 日举行全国性哀悼活动。在此期间,全国和驻外使领馆下半旗志哀,全国停止公共娱乐活动。4 月 4 日 10 时起,全国人民默哀 3 分钟,汽车、火车、舰船鸣笛,防空警报鸣响。

本站开启哀悼模式(黑白色调),以表哀悼之情。

这里记录一下如何让博客变为黑白色调。逐个的修改主题和替换图片元素肯定是个要命的办法,我们利用 css 本身的 filter (滤镜) 属性 即可实现整站的黑白灰度渲染。

在 WordPress 主题内置的额外 css 中加入如下代码保存即可生效。如果你是静态网站,那么就把这段 css 加到你网站头部 <head> 标签里并用 <style type="text/css"> </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,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(1);
}

感觉很棒!可以赞赏支持我哟~

赞(0) 打赏
作者保留所有权,侵删请联系,转载请注明: » Nanlon » 寄托哀思,网站开启哀悼模式

评论抢沙发