css代码实现页面变灰的效果

css代码实现页面变灰的效果

核心代码

filter: grayscale(100%);

完整代码

.gray {
    
    
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: gray;
    filter: gray;
    -webkit-filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
    filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
}

参考文章

1. 前端如何实现网页变灰功能？