首页 > 代码库 > 毛玻璃效果
毛玻璃效果
在工作中,遇到一些问题,像今天要实现的毛玻璃的效果,在以前是没有遇到过的。
毛玻璃效果其实是半透明+模糊。
去css3手册里,翻了翻,没想到可以通过filter
模糊滤镜实现。
代码如下:
.blur { 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 */}
毛玻璃效果
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。