CSS是網頁設計中必不可少的一項技術，它可以讓我們的網頁更加美觀、易讀。當然，CSS也不僅僅是顏色、布局等基礎操作，它還可以實現很多酷炫的效果，比如讓圖片模糊。下面我們就來聊一聊如何用CSS給圖片添加模糊效果。

img {
filter: blur(10px);
}

以上代碼表示，將所有的img標簽添加了一個filter（過濾器）屬性，值為blur（模糊），后面的參數10px表示模糊程度，可以根據自己的需要進行設置。

當然，也可以只給單獨的圖片添加模糊效果，如下所示：

.blur {
filter: blur(5px);
}

在CSS中，還有一種比較常用的濾鏡是“反相”，可以將圖片顏色反轉。同樣可以使用filter屬性添加反相濾鏡效果，代碼如下：

img {
filter: invert(100%);
}

這里的參數100%表示顏色反轉到最大值。同樣可以根據需要進行調整。

以上就是給圖片添加模糊效果的方法，除此之外，CSS還可以實現很多其他的濾鏡效果，比如亮度、對比度、色相等等，大家可以自己去嘗試一下。不過需要注意的是，濾鏡效果并不是所有瀏覽器都支持的，所以在使用時需要做好相應的兼容性處理。