CSS之紀念日主題網頁變灰

你好，我是Vam的金豆之路，可以叫我豆哥。2019年年度博客之星、技術領域博客專家。主要領域：前端開發。我的微信是 maomin9761，有什麼疑問可以加我哦，自己創建了一個微信技術交流羣，可以加我邀請你一起交流學習。最後自己也創建了一個微信公衆號：前端歷劫之路，歡迎關注。

---

歡迎閱讀本博文，本博文主要講述【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

謝謝閱讀，如果覺得有感觸，麻煩幫忙點個贊，關個注吧！