CSS3过渡或Javascript预加载效果

Question

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

我一直试图让它由我自己，通过在身体上做一个onload，然后一个函数在JS的过渡，但它根本不起作用，并通过CSS我找不到一种方式。所以，如果有人能给我一些指导，如何工作或类似的东西来适应它，我将非常感激

谢谢!

Answer 1

使用jQuery和jQuery Transit很容易做到:

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

JS Fiddle Demo

我添加了2秒的延迟，所以你可以更容易地看到它。(你会删除这个)基本上，你会把它放在jQuery的onLoad函数中