首页 > Web开发 > 详细

CSS滤镜让图片模糊(毛玻璃效果)

时间:2018-02-07 17:40:28      阅读:193      评论:0      收藏:0      [点我收藏+]
CSS代码:
.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 */
}
HTML代码:
<img src="mm1.jpg" class="blur" />

CSS滤镜让图片模糊(毛玻璃效果)

原文:https://www.cnblogs.com/huahua0825/p/8427493.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!