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

<div class="contain"><h1>如何成為一個(gè)好的前端工程師</h1><h5>努力學(xué)習(xí)，不斷進(jìn)步</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>

效果：

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。