2020 年 4 月 4 日全国哀悼,如何让你的网站变成灰色的呢?

2020 年 4 月 4 日全国哀悼,如何让你的网站变成灰色的呢?

LearnKu 首页换上灰色调,与国同哀。

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

ADLnDQxF4R.png!large

如何实现呢:

html {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
本作品采用《CC 协议》,转载必须注明作者和本文链接

摈弃世俗浮躁,追求技术精湛

本帖由系统于 1个月前 自动加精
Summer
讨论数量: 6

刚在网站源代码找到的,哈哈哈

1个月前 评论

grayscale

英 [ˈɡreɪskeɪl] 美 [ˈɡreɪskeɪl]
灰度;灰度图;灰阶影像;灰度级;灰阶

GET:单词+1,CSS+1

1个月前 评论

手机版为什么没灰?还是彩色

1个月前 评论
Laravel练习生 1个月前
白小二

大大,别人也就首页跟头部信息栏是黑白的,内部还是彩色的,大大这全部都是黑白了啊

1个月前 评论
GalaxyNo_1

:joy:

1个月前 评论

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!