[前端] 网页变灰白色

一、介绍（一般有重大悲事，才会使用这种全局的滤镜效果，像某某有重大贡献领导人牺牲了，在百度上有时会看到，整个页面是灰白的；另外就是专门进行图片滤镜处理）

二、代码：

1. 全局使用

<style>
html {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
    
    filter: gray;
}
</style>

2. 具体使用

<style>
img:nth-of-type(2) {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
    
    filter: gray;
}
</style>
<img src="image/img-logo1.png" alt="">
<img src="image/img-logo1.png" alt="">

三、效果图