在一些特殊的日子，我們可能會把頁面變成灰色，我還有印象，有一次是一個國家紀念日，全部網頁都變成了灰色，當時的4399小游戲都不能玩，我們思考一下他是怎么做到的呢，肯定不能一個一個的去改樣式，其實他是用到了一個css的濾鏡屬性。舉個例子：

<div class="contain"><h1>如何成為一個好的前端工程師</h1><h5>努力學習，不斷進步</h5><img src="./image/1.jpeg" alt=""><img src="./image/10.jpeg" alt=""><img src="./image/11.jpeg" alt=""></div> <style>h5 {color: red;} </style>

效果：

要想變成灰色，我們可以直接在最外層盒子上添加filter濾鏡，大家看一下css代碼：

<style>.contain{filter: grayscale(100%);}h5 {color: red;} </style>

效果：

總結

以上是生活随笔為你收集整理的纪念日页面变灰是怎么实现的( filter: grayscale(100%)；)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。