在CSS中，有時我們需要將一張圖片變模糊，達到一些特殊的視覺效果。下面是一個簡單的CSS圖片變模糊教程。

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

以上代碼使用CSS中的filter屬性來實現圖片模糊。具體說來，我們使用blur()函數來設置模糊的程度。在上面的例子中，設置為5px，即圖片的每個像素都會擴散5個像素，從而呈現出模糊的效果。

需要注意的是，本代碼只能應用于一張圖片。如果需要應用于多張圖片，則需要對整個圖像的容器DIV應用樣式類，例如：

.blur-image-container{
filter: blur(5px);
}

另外，模糊的程度可以根據具體需要進行調整。在一定程度上，模糊的程度越大，圖像的質量就會越差。因此，需要在質量和模糊度之間取得一個平衡。

好了，以上就是CSS圖片變模糊教程的全部內容。希望本文能夠對您有所幫助。