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

 

滤镜图片变黑白

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

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

使用前：


使用后：

 

转载于:https://www.cnblogs.com/sherryweb/p/11075901.html