CSS3中提供了很多好看的效果，其中一种是图片毛玻璃白边。在网页设计中，常常使用这种效果来实现图片的框架。具体来说，它是通过设置图片的模糊度和边框的颜色和宽度来实现的。

.blur {
position: relative;
display: inline-block;
}
.blur:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: inherit;
filter: blur(10px);
opacity: 0.5;
z-index: -1;
}
.blur img {
display: block;
position: relative;
z-index: 1;
}
.blur:before {
content: "";
position: absolute;
top: -10px;
right: -10px;
bottom: -10px;
left: -10px;
border: 2px solid #fff;
z-index: -2;
}

以上是实现图片毛玻璃白边效果的CSS代码。首先，你需要为含有图片的HTML元素添加一个position:relative属性，用于创建定位上下文。然后使用一个:after伪元素，将模糊化的图像添加到该位置，并设置透明度，z-index和background-image。接下来，你需要将图片本身通过设置position:relative和z-index:1，放在模糊图像的前面。最后，通过:before伪元素添加边框到该定位上下文中。