css - CSS3 过渡或 Javascript 预加载效果

Question

我从 CSS3 过渡开始，我刚刚发现加载页面的效果很好，如下链接：http ://stsintegrity.com

我一直在尝试自己实现它，通过在主体上进行加载，然后在 JS 中创建一个带有转换的函数，但它根本不起作用，并且通过 CSS 我找不到方法。因此，如果有人可以给我一些关于它如何工作的指导或类似的东西来添加它，我将不胜感激

谢谢！

Answer 1

使用 jQuery 和jQuery Transit很容易做到这一点：

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

JS 小提琴演示

我添加了 2 秒延迟，以便您可以更轻松地看到它。（你会删除它）基本上，你会把它放在你的 jQuery onLoad 函数中。