Div SlideInLeft，停止3秒，然后SlideOutRight

Question

我在学习css转换动画Dan Eden’s wonderful animate.css 我需要创建一个div，即slideinleft，停在页面中心几秒，然后是SlideOutRight。

请检查this fiddle。我尝试删除课程并将其替换为新课程。

setTimeout(function() { 
    $("div.slideLeft").removeClass("slideLeft").addClass("slideOutRight"); 
}, 1000); 

谢谢

Answer 1

在这个例子里缺一个重要的事情是animation-fill-mode CSS属性。它指定了CSS动画在执行前后应如何将样式应用于其目标。

查看更多about animation-fill-modeMozilla Developer Network。

查看working Fiddle。