CSS圖片模糊是一種常用的效果，可以給網(wǎng)頁增加一些藝術感。下面介紹一些css圖片模糊的代碼。

/* 給圖片添加高斯模糊效果 */
.blur-img {
filter: blur(5px);
}
/* 給文本和圖片都添加高斯模糊效果 */
.blur-all {
filter: blur(5px);
}
/* 給不透明部分的圖片添加高斯模糊效果 */
.blur-opaque {
filter: blur(5px);
}
/* 給方框內的圖片添加高斯模糊效果 */
.blur-square {
filter: blur(5px);
}

以上代碼中，使用的都是filter屬性。其中，blur函數(shù)指定了高斯模糊的大小，數(shù)值越大，效果越明顯。