毛玻璃效果

filter:blur(add=false,strength=50,direction=0)
.blur {
width:100%;
position:absolute;
bottom:0;
overflow:hidden;
filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */
-webkit-filter: blur(10px); /* Chrome, Opera */
   -moz-filter: blur(10px);
    -ms-filter: blur(10px);    
        filter: blur(10px);   
        filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */ 
}

也可设置svg文件

blur属性有三个参数：

add           是否被改变成模糊效果

strength    代表有多少像素的宽度将受到模糊影响,默认为5

direction   用来设置模糊的方向),