jquery动画模糊函数

Question

我正在使用名为“Vague.js”的jQuery模糊插件。它允许我模糊网站上的任何内容。现在我想要模糊化动画。如何从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/