近年來，隨著手機和互聯網的普及，圖片已經成為人們日常生活中不可或缺的一部分。而在設計網頁或移動應用時，為了給用戶帶來更好的視覺體驗，往往需要對圖片進行一些處理。其中一種處理方式就是給圖片添加模糊效果，使得圖片看起來更加柔和和優美。那么，在CSS中如何添加圖片模糊效果呢？下面就為大家介紹幾種方法。 首先，我們可以使用CSS3中的filter屬性來達到圖片模糊的效果。具體代碼如下：

img{
filter: blur(10px);
}

上述代碼中，我們使用了blur函數來使得圖片進行模糊處理。其中，括號內的10px表示設置圖片的模糊程度，數值越大圖片就會越模糊。 除此之外，我們還可以使用以下幾種方式來實現圖片模糊效果：

img{
-webkit-filter: blur(10px);/* Safari and Chrome */
filter: blur(10px);/* Standard syntax */
}

通過上述代碼，除了可以在普通的瀏覽器中使用filter屬性來進行模糊效果外，在Safari和Chrome瀏覽器中也可以使用-webkit-filter屬性來達到相同的效果。

img{
filter: url("blur.svg#blur-me");    
}

通過引入一個名為blur.svg的SVG圖像，即可實現圖片模糊效果。其中，#blur-me則是指定SVG中模糊元素的位置信息。 總之，以上就是幾種常見的CSS代碼實現圖片模糊效果的方式。在實際開發中，我們可以根據具體需要來選擇最適合自己的代碼，以達到更好的效果。