插件描述：Foggy是一种模糊的页面元素的jQuery插件，
Foggy是一种模糊的页面元素的jQuery插件，
它支持IE（8），火狐，Safari和Chrome浏览器。
使用步骤
默认值
1 | $('.your-selector').foggy(); |
定制
1 2 3 4 5 | $('.your-selector').foggy({ blurRadius: 2, // 像素. opacity: 0.8, // 不透明度 cssFilterSupport: true // 使用“-webkit的过滤器” }); |
关闭
1 | $('.your-selector').foggy(false); |
它是如何工作的
雾默认使用 “-webkit的过滤器：模糊” CSS属性。
如果浏览器不支持它，Foggy回落到手动模糊。它使所选的HTML元素的多个副本。增加了所有的复制和移动他们每个人少量的透明度，从而造成的模糊效果。
PREVIOUS:
NEXT:
相关插件-图像
讨论这个项目（4）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
Escape 0
2015/12/9 9:12:33
乱扯..一个纯样式写个js 有必要吗？ie 根本不支持
黄文博0
2016/11/9 11:11:44
-
css 模糊怎么弄？？？？？？？？？？？？它这个拆件怎么到我这里达不到模糊的效果
dswkroom评论奖励 1 jQ币
2017/3/30 16:42:08
1 2 3 4 5 6 7 8 9 10 11 12 | .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);} |
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
