CSS - 让整个页面变成灰色（一行代码）

前言

现在很多大厂产品，遇到清明节、南京大屠杀纪念日等节日，网站或软件就会变为灰色。

在咱们小程序或网站中，实现起来非常简单，

从各种鲜亮的颜色，一行代码变为如下图所示灰色：

解决方案

通过 filter: grayscale(100%) 滤镜属性，了解更多请 点击这里。

以下是使用的示例，您可按照方法应用到您的项目中。

DOCTYPE html>



/* 整个页面变灰 */
body{ filter: grayscale(100%) }
/* END */
.box{ background: red }
.box2{ background: green }



    我是红色盒子
    我是绿色盒子