模仿各大网站使用css样式实现网页整体变成黑白色调(哀悼)
在中国传统文化里,黑、白同属五色,都是正色,黑、白两色都象征不祥哀悼之情
为了配合响应举国哀悼影响力很大的伟人逝世或纪念日,各大网站都会把自家网页主题改成黑白色调
这种效果主题 具体是怎么做到的呢?
其实实现的css代码非常简单,不用改任何网页已有结构样式 只需要给html的body添加以下样式即可
body{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}