CSS3过渡或Javascript预加载效果

时间:2013-04-18 17:25:14

标签: css3 css-transitions

我从CSS3过渡开始,我刚刚在加载页面上发现了一个很好的效果,就像在这个链接上一样:http://stsintegrity.com

我一直在试图通过自己制作它,通过在主体上进行onload,然后在JS中使用转换功能,但它根本不起作用,并且通过CSS我无法找到方法。 因此,如果有人可以给我一些方向来说明它是如何工作的,或类似的东西加上它,我将非常感激

谢谢!

1 个答案:

答案 0 :(得分:2)

使用jQuery和jQuery Transit非常容易:

$(".transitionOverlayPage").transition({
    delay: 2000,
    y: '-120%'
}, 'slow', 'in', function () { $(this).remove(); });

JS Fiddle Demo

我添加了2秒延迟,因此您可以更轻松地看到它。 (你会删除它)基本上,你会把它放在你的jQuery onLoad函数中。