如何用一行代码来css设置页面全局黑白样式?

有时候一些重大节日，或者一些特殊场合需要我们网站来展示黑白效果。那么如何实现呢?

 首先我们看看例子.

 目标效果：

 原来效果比对:

关键代码块:

filter: grayscale(1)

提示:要放在根元素上面:

比如:

body{
    filter: grayscale(1);
}