CSS 是一種常用的網頁設計語言，在各種網頁中廣泛應用，其中就包括頭像變灰色的效果。今天我們來學習如何使用 CSS 實現頭像變灰色。

img {
filter: grayscale(1);
}

如上代碼即可實現頭像變灰。其中 filter 屬性可以應用一些特效，如本例中使用了 grayscale，即使圖像變成灰色。值可以設置為 1 以達到最大效果，或者設置為其他介于 0-1 之間的值，以實現不同程度的灰度效果。此外，也可以使用其他函數來實現更多特效，如 blur、hue-rotate 等。

需要注意的是，該效果只能用于圖像，不適用于 SVG 圖像。

希望本文能夠幫助你更好地掌握 CSS，實現更多炫酷的特效！