CSS3中提供了很多好看的效果，其中一種是圖片毛玻璃白邊。在網(wǎng)頁設(shè)計中，常常使用這種效果來實現(xiàn)圖片的框架。具體來說，它是通過設(shè)置圖片的模糊度和邊框的顏色和寬度來實現(xiàn)的。

.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;
}

以上是實現(xiàn)圖片毛玻璃白邊效果的CSS代碼。首先，你需要為含有圖片的HTML元素添加一個position:relative屬性，用于創(chuàng)建定位上下文。然后使用一個:after偽元素，將模糊化的圖像添加到該位置，并設(shè)置透明度，z-index和background-image。接下來，你需要將圖片本身通過設(shè)置position:relative和z-index:1，放在模糊圖像的前面。最后，通過:before偽元素添加邊框到該定位上下文中。