jquery - Div SlideInLeft，停止 3 秒，然后 SlideOutRight

Question

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

请查看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 .