CSS3模糊圖片是一種非常有意思的效果，通常用于美化網站的圖片，使得圖片看起來更加柔和自然。下面我們就來一起學習一下如何實現CSS3模糊圖片。

.blur-img{
-webkit-filter: blur(5px);
filter: blur(5px);
}

代碼中，我們使用了filter屬性來實現圖片的模糊效果，其中-webkit-filter是對于不同瀏覽器的兼容處理。blur(5px)代表模糊程度，數值越大模糊程度越高。

除此之外，我們還可以通過CSS3的其他特性來實現不同的模糊效果。比如可以通過opacity和brightness屬性來控制圖片的亮度和透明度，從而使得圖片更加柔和，更加具有藝術性。

.blur-img{
opacity: 0.8;
filter: brightness(70%) blur(5px);
}

代碼中，我們通過opacity來控制圖片的透明度，使得圖片看起來更加柔和。同時，我們還通過brightness來調節圖片的亮度，使得圖片更加明亮。這樣就可以實現一種類似水墨畫的效果。

在實際應用中，我們可以根據自己的需求來選擇不同的CSS3效果，從而使得頁面更加生動有趣，增加用戶的使用體驗。希望大家能夠好好學習，多加實踐，做出更加優秀的網站。