當我們?yōu)g覽一些特定網站時，我們可能會注意到該網站會在點擊某一個按鈕或者進行某些操作后變灰。其實，這種效果是通過CSS來實現的。下面是實現網站變灰CSS效果的代碼：

/* 將整個頁面置灰 */
body {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
/* 取消背景圖片灰化 */
body::before {
filter: none;
-webkit-filter: none;
}
/* 避免對某些元素也進行灰化 */
.no-grayscale {
filter: none;
-webkit-filter: none;
}

通過給頁面添加filter屬性，我們可以將整個頁面置灰。同時，通過在body的before偽元素中取消filter屬性，可以避免對背景圖片和其他不需要置灰的元素進行灰化。如果我們想要避開某些元素的灰化，只需要給該元素添加一個no-grayscale類，并在CSS中將該類的filter屬性設置為none即可。

網站變灰CSS效果是一種比較常見的網站交互效果，不僅可以讓網站的界面更加統一，還可以有效提升用戶對某些重要元素的注意力。如果你也想在自己的網站中嘗試這種效果，不妨試試上述代碼。