javascript - JQuery 中的动画雾/模糊效果

Question

我正在使用 foggy Jquery plugin模糊我网站上的文本元素。我需要一个代码，它可以获得几秒钟的时间，这将使模糊效果从 blurRadius X(参见链接)到 blurRadius: 1(表示常规文本)在我传递给函数的时间(以秒为单位)内动画化。

因此，当我调用该函数并以秒为单位传递时间时，它将为雾模糊效果设置动画。现在库支持开箱即用的静态效果。但是如果我们使用某种类型的计时器，这可以使效果动画化。我需要您的帮助来编写生成此类动画的代码。谢谢。

我对其他插件持开放态度。但是，Foggy 插件支持 IE 的回退(仅使用不透明度)，这是我需要的。

Answer 1

很久以前，但这里至少有一个简单解决方案的提示:

BlurPass.prototype.render = function(target){
 $('<div/>', {
   html: this.content, 'class': 'foggy-pass-'+this.position
 }).css({
   position: this.position,
   opacity: this.opacity,
   top: this.offset[0],
   left: this.offset[1]
 }).appendTo(target).fadeIn('slow');
};

只需添加 .fadeIn('slow'); 到 append-func

另请参阅:jQuery using append with effects