毛玻璃是一種讓圖片或背景模糊、柔和的效果，讓視覺(jué)感覺(jué)更加舒適，也可以用來(lái)減少噪點(diǎn)。在CSS中，我們可以使用blur屬性實(shí)現(xiàn)毛玻璃效果。下面是一個(gè)基本的示例：

.blur {
background: url('圖片地址') no-repeat center center fixed;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}

在這個(gè)示例中，我們使用了background屬性來(lái)設(shè)置背景圖片，并添加了-webkit-backdrop-filter和backdrop-filter屬性。這兩個(gè)屬性使用毛玻璃效果，其中-webkit-backdrop-filter是用于Chrome瀏覽器，backdrop-filter是用于其他瀏覽器。

我們還可以通過(guò)CSS的偽元素before和after來(lái)實(shí)現(xiàn)毛玻璃效果。這個(gè)方法需要先創(chuàng)建一個(gè)div元素，并設(shè)置其position和z-index屬性：

.glass {
position: relative;
z-index: 1;
}
.glass::before,
.glass::after {
content: "";
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url('圖片地址') no-repeat center center fixed;
-webkit-filter: blur(5px);
filter: blur(5px);
}
.glass::after {
mix-blend-mode: multiply;
background-color: rgba(255, 255, 255, 0.5);
}

在上面的代碼中，我們創(chuàng)建了一個(gè)div元素，并在其的before和after偽元素中分別設(shè)置了背景圖片和毛玻璃效果。其中，after偽元素也添加了mix-blend-mode和background-color屬性，用以增強(qiáng)效果。

需要注意的是，在使用CSS設(shè)置毛玻璃效果時(shí)，需要在背景圖片中添加fixed值來(lái)固定背景圖的位置，避免出現(xiàn)滾動(dòng)條。如果圖片過(guò)大，可以使用background-size屬性縮放背景圖。