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/