css模糊效果

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css模糊效果相关的知识,希望对你有一定的参考价值。

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" />
<img src="mm1.jpg" class="blur" />

 

 
 

以上是关于css模糊效果的主要内容,如果未能解决你的问题,请参考以下文章

css模糊效果

在滚动上使用 css 和 jQuery 创建模糊效果

css3怎么实现模糊遮挡的效果

记录:CSS3 模糊效果

CSS代码片段

CSS代码片段