CSS一鍵變灰是一種實(shí)用的功能，可以快速將網(wǎng)頁轉(zhuǎn)換成灰色調(diào)，便于閱讀或者節(jié)省電量。

實(shí)現(xiàn)方法如下：

html {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}

這段代碼將網(wǎng)頁的顏色過濾為灰色調(diào)，其中filter和-webkit-filter分別適用于不同的瀏覽器。

為了方便使用，可以在網(wǎng)頁上設(shè)置一個按鈕，點(diǎn)擊即可實(shí)現(xiàn)一鍵變灰。

<button onclick="toggleGray()">一鍵變灰</button>
<script>
function toggleGray() {
var html = document.querySelector('html');
html.classList.toggle('gray');
}
</script>
<style>
html.gray {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
</style>

這段代碼包含了一個按鈕和相應(yīng)的 JavaScript 和 CSS 代碼，點(diǎn)擊按鈕時會將html標(biāo)簽的class屬性切換為gray，進(jìn)而觸發(fā) CSS 樣式中的灰色調(diào)設(shè)置。

一鍵變灰是一個簡單而實(shí)用的功能，可用于改善用戶體驗或節(jié)約能源。