CSS3 滤镜webkit-filter 图片毛玻璃效果

现在规范中支持的效果有：

grayscale 灰度               值为0-1之间的小数

sepia 褐色　　　　　　   值为0-1之间的小数

saturate 饱和度　　　　 值为num

hue-rotate 色相旋转　　值为angle

invert 反色　　　　　　  值为0-1之间的小数

opacity 透明度　　　　　值为0-1之间的小数

brightness 亮度　　　　 值为0-1之间的小数

contrast 对比度　　　　 值为num

blur 模糊　　　　　　     值为length

drop-shadow 阴影

用法是标准的CSS写法，如：

filter: blur(6px);

-webkit-filter: blur(6px);  /* chrome, opera */

-ms-filter: blur(6px);

-moz-filter: blur(6px);

filter:progid:DXImageTransform.Microsoft.Blur(pixelRadius=6,   MakeShadow=false);   /*  IE6~IE9  */

效果