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 函数中。