CSS3是Web設計中一種非常重要的技術標準，它能夠使網站更加美觀、交互性更強。今天我們來介紹一下CSS3中的灰度效果。

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

CSS3中的灰度效果可以將彩色圖片轉換為黑白圖片，通過改變圖片的色調，使網頁風格更加清新簡潔。

代碼中我們使用了filter屬性和grayscale函數。filter屬性是CSS3的核心屬性之一，它定義了對元素進行的2D或3D轉換、模糊和色彩轉換等效果。grayscale函數則用來設置元素的顏色飽和度，這里我們將它設置為100%，即完全灰度。

需要注意的是，IE9及以下版本不支持filter屬性，因此在編寫代碼時需要考慮瀏覽器兼容性。

在實際應用中，我們可以將灰度效果應用在網站的圖片、按鈕等元素中，使網頁更加具有現代感。同時，我們還可以通過hover偽類來實現鼠標懸停時的灰度轉換效果，提升用戶交互體驗。

除了灰度效果之外，CSS3還提供了眾多其他的顏色效果，例如反轉顏色、色調、對比度等等，可以根據實際需求進行選擇使用。