Webkit模糊页面加载时的淡出

时间:2013-11-08 17:19:45

标签: jquery html css webkit

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

(其中#data是身体的某些部分,宽度= 100%,身高= 100%,上面还有其他一些图层)请查看this图片。

我希望半透明部分(#data)在加载器(高于#data的z-index)消失后变为清晰,即在页面加载时。但是这段代码不起作用。还有其他选择吗?另外..我想要动画。

任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

也许使用jquery.fadeIn效果会给你你想要的东西吗?

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

jQuery fadeIn