jquery - 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);

score 1 · Accepted Answer

您只能在支持filter属性和过渡的浏览器上制作模糊动画。

在该元素上设置过渡很容易

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

你可以看到 jsfiddle 演示：

1 回答 1