jquery - Webkit 在页面加载时模糊淡出

Question

$(window).load(function(){ $("#data").animate({-webkit-filter:blur(0px)}, 1500 ); });

（其中#data 是身体的某个部分，宽度=100%，高度=100%，上面还有一些其他图层）请看这张图片。

我希望半透明部分（#data）在加载器（z-index 高于#data）消失后变得清晰，即在页面加载时。但是这段代码不起作用。有没有其他选择？另外..我希望它是动画的。

任何帮助将不胜感激。

score 0 · Accepted Answer

Perhaps using the jquery.fadeIn effect will give you what you are looking for?

$(window).load(function(){ $('#data').fadeIn(1500) });

1 回答 1