CSS 是一種常見的前端設計語言，其提供了豐富的樣式效果，可以通過 CSS 實現圖片灰度的效果。本文將分享如何通過 CSS 實現圖片灰度。
首先，我們需要了解 CSS3 中的濾鏡（filter）屬性，該屬性可以對元素進行各種濾鏡處理，包括灰度處理。使用 filter 屬性進行灰度處理，需要添加如下代碼：

img{
filter: grayscale(100%);
}

以上代碼中，grayscale 表示灰度值，取值范圍為 0-100%，100% 就是完全灰度化。
但是，該代碼會將所有圖片都進行灰度處理。如果你只想灰度處理某個圖片，可以添加一個專門的類名或 ID，針對該元素進行處理：

.gray{
filter: grayscale(100%);
}

在 HTML 文件中，可以這樣添加類名或 ID：

<img src="example.jpg" class="gray">

當然，CSS 還可以通過偽類來實現圖片灰度。偽類 :hover 表示鼠標懸浮時的狀態，可以將圖片恢復成原來的狀態：

img{
filter: grayscale(100%);
}
img:hover{
filter: none;
}

本文介紹了如何通過 CSS 實現圖片灰度化，包括對所有圖片進行灰度處理、針對特定圖片進行灰度處理和通過偽類實現圖片灰度的處理效果。通過灰度化的處理，可以使圖片更具有沉穩、古怪等不同的視覺效果。