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

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

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