网站变灰
为了表示哀悼,当天很多网站把主页和内容都变成了灰色,比如百度、B 站、爱奇艺、CSDN 等等。
CSDN&&爱奇艺&&百度等
实现:
html.gray {
-webkit-filter: grayscale(.95);
}
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,搜下 MDN 的官方介绍,其链接为:
https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter
各个用法介绍大家可以参考官方的文档说明:
https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter