网页学习体会

  • 首页
  • 个人博客
您的位置: 首页  >  IT文章  >  CSS滤镜让图片模糊不清(毛玻璃效果)

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

分类: IT文章 • 2024-09-04 18:03:31
CSS滤镜让图片模糊(毛玻璃效果)
<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滤镜让图片模糊不清(毛玻璃效果)
 

 

相关推荐

  • 使用IE滤镜实现css3中rgba让背景色透明的效果
  • CSS滤镜让图片模糊(毛玻璃效果)实例页面
  • Android模糊不清处理实现图片毛玻璃效果
  • CSS滤镜让图片模糊不清(毛玻璃效果)
  • css+div网页设计(一)--基础知识 一、css概念; 三、css选择器 四、文字效果 五:图片效果 六、背景设置 七、链接特效 八、鼠标特效 九、滤镜
  • 巧用CSS滤镜制作绚丽图片播放效果
  • 使用CSS3滤镜的filter:blur属性制作毛玻璃模糊效果的方法
  • 小tip: 使用CSS将图片转换成模糊(毛玻璃)效果
  • 利用Js或Css滤镜实现IE6中PNG图片半透明效果 IE6PNG妥妥的
  • 四种 css3 图片滤镜切换效果 超炫 给力
  • XPath基础札记
  • 请问一上各位 WinForm中怎么编写单击事件
    网站免责声明 网站地图 最新文章 用户隐私 版权申明
本站所有数据收集于网络,如果侵犯到您的权益,请联系网站进行下架处理。   

Copyright © 2018-2021   Powered By 网页学习体会    备案号:   粤ICP备20002247号