Div SlideInLeft，停止3秒，然后SlideOutRight

Question

我正在从Dan Eden’s wonderful animate.css学习css过渡动画 我需要创建一个slideinleft的div，停在页面的中心几秒钟，然后SlideOutRight。

请检查this fiddle。我试图删除该类并将其替换为新类。

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

谢谢

Answer 1

您的示例中缺少的一个重要事项是animation-fill-mode CSS属性。它指定CSS动画在执行之前和之后应如何将样式应用于目标。

详细了解animation-fill-mode Mozilla Developer Network。

查看working Fiddle。