CSS - 让整个页面变成灰色（一行代码）
生活随笔
收集整理的這篇文章主要介紹了
CSS - 让整个页面变成灰色（一行代码）
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
前言
現在很多大廠產品，遇到清明節、南京大屠殺紀念日等節日，網站或軟件就會變為灰色。
在咱們小程序或網站中，實現起來非常簡單，
從各種鮮亮的顏色，一行代碼變為如下圖所示灰色：
解決方案
通過 filter: grayscale(100%) 濾鏡屬性，了解更多請 點擊這里。
以下是使用的示例，您可按照方法應用到您的項目中。
<!DOCTYPE html> <html lang="zh"> <head> <style> /* 整個頁面變灰 */ body{ filter: grayscale(100%) } /* END */ .box{ background: red } .box2{ background: green } </style> </head> <body><div class="box">我是紅色盒子</div><div class="box2">我是綠色盒子</div> </body> </html>總結
以上是生活随笔為你收集整理的CSS - 让整个页面变成灰色（一行代码）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Windows 10便笺更新 修复中文/
- 下一篇： CSS 基本样式