前端页面，整体变成灰色

        html {
            -webkit-filter: grayscale(1);
        }

-webkit-filter（滤镜）有十种效果，分别是：

• grayscale 灰度
• sepia 褐色
• saturate 饱和度
• hue-rotate 色相旋转
• invert 反色
• opacity 透明度
• brightness 亮度
• contrast 对比度
• blur 模糊
• drop-shadow 阴影