用js或css实现高斯模糊（毛玻璃效果）

Question

想用js或css实现图片的高斯模糊（毛玻璃效果），兼容性好的。

Answer 1

.blur {

-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 */

}

----------html部分
在图片标签加class=blur