Jquery动画模糊功能

Question

我正在使用名为“Vague.js”的jquery blur插件。它允许我在网站上模糊任何东西。现在我想动画模糊。如何从jquery animate（）调用.blur（）函数？

//This sets up the plugin and applies the blur to my content

var contentblur = $('#content').Vague({intensity:5});
contentblur.blur();

我想做类似的事情：

contentblur.animate(blur,500);

https://github.com/GianlucaGuarini/vague.js

Answer 1

您只能在支持filter属性和转换的浏览器上设置动画模式。

在该元素上设置转换很容易

#content {
   transition: all 1s;
   -webkit-transition: all 1s;
}

你可以看到jsfiddle演示：

http://jsfiddle.net/vmWs3/