如何設(shè)置CSS頁面為黑白

在CSS中，我們可以通過設(shè)置濾鏡來實現(xiàn)頁面的黑白效果，以下是一些示例代碼：

1、使用filter屬性實現(xiàn)黑白效果：

body {
  filter: grayscale(100%);
}

2、使用-webkit-filter屬性實現(xiàn)黑白效果（兼容老版本瀏覽器）：

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

3、使用CSS3的mix-blend-mode屬性實現(xiàn)黑白效果：

body {
  mix-blend-mode: multiply;
  background-color: #000;
}

4、使用rgba顏色實現(xiàn)黑白效果：

body {
  background-color: rgba(0, 0, 0, 1);
}

這些代碼可以將頁面設(shè)置為黑白效果，filter屬性可以將圖片或視頻轉(zhuǎn)換為灰度圖像，而mix-blend-mode屬性可以將兩個圖層混合在一起，從而實現(xiàn)黑白效果，我們也可以設(shè)置背景顏色為黑色，以達到更好的視覺效果。