今天是清明节,举行全国性的哀悼活动。我们发现很多网站和 APP 首页都变成了灰白色,对于 Web 网站怎样来快速实现这一效果呢?

其实可以使用 CSS 很方便的实现,直接上代码:

html {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

原始界面:
file

添加代码后:
file

最后,致敬英雄,共悼逝者。