CSS3提供了許多有趣的效果，其中讓圖片變成灰色就是其中之一。這個效果可以很好地為網站添加一些視覺吸引力和效果。下面是代碼示例，讓您快速為圖片添加灰度效果：

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

上面的代碼使用CSS的filter屬性來實現灰度效果。將這個屬性值設置為100%會使圖片變成完全的灰色，而0%則保留圖片本身的顏色。為了跨瀏覽器支持，還需要添加-webkit-filter前綴。

為了對單個圖片進行灰度效果，只需要將img選擇器改為其它選擇器，如一個CSS類或ID：

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

這里我們使用.gray-scale類來將灰度效果應用于上面的代碼。然后，在HTML中將這個類應用于我們需要灰度效果的圖片元素上：

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

通過這些示例，您可以很容易地了解如何用CSS3讓圖片變灰。試試在您的網站上使用這個效果，為您的頁面增添更多的視覺吸引力。