CSS – 清风亦平凡 https://www.mlplus.net 关注IT世界，记录平凡生活 Sat, 12 Feb 2022 10:22:30 +0000 zh-CN hourly 1 https://wordpress.org/?v=6.4.3 CSS层叠样式表实现全站灰度（grayscale ） https://www.mlplus.net/2020/04/04/cssgrayscale/ https://www.mlplus.net/2020/04/04/cssgrayscale/#respond Sat, 04 Apr 2020 01:00:00 +0000 https://www.mlplus.net/?p=2679 为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼，国务院今天发布公告，决定2020年4月4日举行全国性哀悼活动。在此期间，全国和驻外使领馆下半旗志哀，全国停止公共娱乐活动。4月4日10时起，全国人民默哀3分钟，汽车、火车、舰船鸣笛，防空警报鸣响。而各大网站均实现全站灰度，腾讯视频、爱奇艺停止所有娱乐类型视频入口。

实现全站灰度可以使用CSS或者使用其他JS插件处理，例如：grayscale js。本博使用的是CSS处理全站灰度，代码示例如下：


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



转载请注明：清风亦平凡 » CSS层叠样式表实现全站灰度（grayscale ）

]]> https://www.mlplus.net/2020/04/04/cssgrayscale/feed/ 0