毛玻璃效果在现代网页设计中非常流行，尤其在移动端应用中的使用越来越广泛。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，表示半透明。同样，该元素需要设置宽高和定位属性。

通过以上几种实现方式，我们可以轻松地创建出毛玻璃效果，使网页看起来更加美观和时尚。