【问题标题】:Div SlideInLeft, Stop for a 3 Sec, then SlideOutRightDiv SlideInLeft,停止 3 秒,然后 SlideOutRight
【发布时间】:2014-01-23 08:55:41
【问题描述】:

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

请查看this fiddle。我试图删除该类并用新的类替换它。

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

谢谢

【问题讨论】:

  • 你的 jQuery 是否正确加载?

标签: jquery css css-animations


【解决方案1】:

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

阅读更多关于animation-fill-modeMozilla Developer Network的信息。

查看working Fiddle

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-01-30
    • 1970-01-01
    • 1970-01-01
    • 2011-11-15
    • 1970-01-01
    • 1970-01-01
    • 2013-01-27
    • 2016-08-26
    相关资源
    最近更新 更多