毛玻璃效果在現代網頁設計中非常流行，尤其在移動端應用中的使用越來越廣泛。CSS3中提供了一些簡單的屬性可以輕松地創建出毛玻璃效果，以下是一些常見的實現方式。

.blur{
background-image: url('img/bg.jpg');
filter: blur(10px);
-webkit-filter: blur(10px);
width: 100%;
height: 100%;
position: fixed;
z-index: -1;
}

上面的代碼中，我們給一個元素添加一個背景圖片，并在該元素上添加兩個屬性：filter和-webkit-filter，分別用來添加濾鏡效果，這里我們使用blur模糊濾鏡，值為10px，也可以根據實際情況進行調整，其中-webkit-filter是針對webkit瀏覽器的hack。

.overlay{
background-color: rgba(255,255,255,0.5);
width: 100%;
height: 100%;
position: fixed;
z-index: -1;
}

另外一種實現方式是使用半透明遮罩，這里我們使用rgba值來設置顏色，其中前三個值表示RGB顏色值，最后一個值表示透明度，取值范圍在0~1之間，這里我們設置為0.5，表示半透明。同樣，該元素需要設置寬高和定位屬性。

通過以上幾種實現方式，我們可以輕松地創建出毛玻璃效果，使網頁看起來更加美觀和時尚。