CSS之纪念日主题网页变灰

你好，我是Vam的金豆之路，可以叫我豆哥。2019年年度博客之星、技术领域博客专家。主要领域：前端开发。我的微信是 maomin9761，有什么疑问可以加我哦，自己创建了一个微信技术交流群，可以加我邀请你一起交流学习。最后自己也创建了一个微信公众号，里面的文章是我自己精挑细选的文章，主要介绍各种IT新技术。欢迎关注哦，微信搜索：臻美IT，等你来。

---

欢迎阅读本博文，本博文主要讲述【CSS之纪念日主题网页变灰】，文字通俗易懂，如有不妥，还请多多指正。

简洁版：

body{
	filter: grayscale(100%);
	zoom:1;
}

健全版：

html {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%); 
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

注： 均不兼容IE

谢谢阅读，如果觉得有感触，麻烦帮忙点个赞，关个注吧！