animate.css - 如何在pageload之后制作动画

I use animate.css to fadeInDown and fadeInUp the element.

我使用animate.css来fadeInDown和fadeInUp元素。

<h1 class="animated fadeInDown">text</h1>
<h5 class="animated fadeInUp">text</h5>

How to make this animations work after pageload?

在pageload之后如何使这个动画工作?

Also I added

我还补充说

.preload * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
}     

 $(".loader").fadeOut("slow", function(){
        $("#home").removeClass("preload");
    });

But this do not help.

但这没有用。

1 个解决方案

#1

$(document).ready(function() {
 //Your code here
})

try to surround your jquery with this so that code will work only after page is loaded

尝试用这个来包围你的jquery,这样代码只有在加载页面后才能工作

EDIT:-Demo with Loader spinner and after load Animations

编辑:-Demo与加载器微调器和加载动画后

#1

$(document).ready(function() {
 //Your code here
})