源码之家

  • 首页
  • 文章
  • 问答
  • 下载
您的位置: 首页  >  文章  >  CSS滤镜让图片模糊(毛玻璃效果)

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

分类: 文章 • 2024-09-18 10:30:04
<img src="mm1.jpg" />
<img src="mm1.jpg" class="blur" />

 

.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 */
}

 


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

 

相关推荐

  • CSS技巧收集——毛玻璃效果(深入理解滤镜filter)
  • CSS滤镜让图片模糊(毛玻璃效果)
  • 如何实现背景图片的高斯模糊(毛玻璃边)效果 filter: blur(5px)
  • 用原生css实现高斯模糊、黑白等滤镜效果
  • Android本地图片或者网络图片高斯模糊效果(毛玻璃效果)图片模糊效果一行代码搞定
  • CSS3 filter滤镜属性小项目——图片高斯模糊、高亮、对比度、灰度、色调、色彩旋转、透明、饱和、褐色调整
  • CSS3怎么实现图片模糊过滤效果
  • css3如何让图片实现不停旋转的效果
  • CSS制作图片滤镜效果
  • css3怎么实现图片的高斯模糊效果
  • JavaScript 图片切割效果
  • 《精通Qt4编程》第2版
    网站免责声明 网站地图 最新文章 用户隐私 版权申明
本站所有数据收集于网络,如果侵犯到您的权益,请联系网站进行下架处理。   

Copyright © 2018-2021   Powered By 源码之家    备案号:   粤ICP备20058927号