欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

css实现照片模糊效果类似毛玻璃效果

更新时间: 2015-12-01 00:00:00 责任编辑: Author_N18

 


复制代码代码如下:
<img class="blur" src="test.jpg" />

css中:

复制代码代码如下:
.blur {
filter: url(blur.svg#blur);
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-ms-filter: blur(3px);
filter: blur(3px);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);
}

针对css第一行需要引入文件 blur.svg

blur.svg 的内容如下

复制代码代码如下:
<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
<filter id="blur">
<feGaussianBlur stdDeviation="3" />
</filter>
</svg>
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2015-12-01 00:00:00
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/2105628/
本文WWW.DOC100.NET DOC100.NET版权所有。