CSS圖片變灰可以通過應(yīng)用CSSfilter屬性來達(dá)到。該屬性允許您對(duì)元素進(jìn)行顏色轉(zhuǎn)換或調(diào)整圖像飽和度等操作。

下面是一個(gè)簡單的實(shí)例：

img {
filter: grayscale(100%);
}

在上面的代碼中，grayscale函數(shù)將圖像的飽和度設(shè)置為0，這將使圖像變?yōu)榛疑?/p>

您還可以使用CSSopacity屬性來使圖像透明度降低。下面是一個(gè)混合使用CSS filter和opacity屬性的例子：

img {
filter: grayscale(100%) opacity(50%);
}

在上面的代碼中，圖像的飽和度設(shè)置為0，透明度設(shè)置為50%。

使用CSS filter屬性還可以實(shí)現(xiàn)很多其他的圖像效果，例如模糊和色彩反轉(zhuǎn)等。現(xiàn)在您可以在您的網(wǎng)頁上快速輕松地實(shí)現(xiàn)灰度圖像效果了。