滤镜图片变黑白+图片模糊

 

滤镜图片变黑白

只需要给图片元素添加这个类型即可：

.togrey{ 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);	
    filter: gray;
}
效果如下：

使用前：

使用后：

 

滤镜图片变模糊

.toblur {	
    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 */
}
效果如图：

使用前：


使用后：