插件描述：Foggy是一种模糊的页面元素的jQuery插件，
Foggy是一种模糊的页面元素的jQuery插件，
它支持IE（8），火狐，Safari和Chrome浏览器。
使用步骤
默认值
$('.your-selector').foggy();定制
$('.your-selector').foggy({
blurRadius: 2, // 像素.
opacity: 0.8, // 不透明度
cssFilterSupport: true // 使用“-webkit的过滤器”
});关闭
$('.your-selector').foggy(false);它是如何工作的
雾默认使用 “-webkit的过滤器：模糊” CSS属性。
如果浏览器不支持它，Foggy回落到手动模糊。它使所选的HTML元素的多个副本。增加了所有的复制和移动他们每个人少量的透明度，从而造成的模糊效果。
PREVIOUS:
NEXT:
相关插件-图像
jquery.photoClip图片裁剪添加旋转 缩放按钮功能
项目上用的jquery.photoClip 插件，为了更好的用户体验 需要添加 旋转 缩放按钮功能，所以在原有的基础上添加了点功能，希望能帮助各位，写的不好 海涵！
图像
讨论这个项目（4）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
Escape 0
2015/12/9 9:12:33
乱扯..一个纯样式写个js 有必要吗？ie 根本不支持
黄文博0
2016/11/9 11:11:44
-
css 模糊怎么弄？？？？？？？？？？？？它这个拆件怎么到我这里达不到模糊的效果
dswkroom1
2017/3/30 16:42:08
.bg-blur{
float:left;
width:100%;
background-repeat:no-repeat;
background-position:center;
background-size:auto;
-webkit-filter:blur(15px);
-moz-filter:blur(15px);
-o-filter:blur(15px);
-ms-filter:blur(15px);
filter:blur(15px);
}
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
