animate.css - 1 个 div 上的 2 个类

Question

我正在使用 animate.css 来制作简单的动画。到目前为止工作正常，但我要存档的是在一个 div 上添加 2 个类/动画，但会有延迟。

fadeIn > 3 秒延迟 > 淡出

这是我的 div：

<div class="container fadeIn fadeOut">
    <h1>Lorem Ipsum</h1>
</div>

这是我用来延迟淡出的额外 CSS：

.fadeOut {
-webkit-animation-delay: 3s;
animation-delay: 3s; }

现在发生的情况是 div 仅在 3 秒后淡出，fadeIn 动画不再起作用。

Answer 1

两种转换不会同时工作，你必须在 css 中添加某种条件的淡出。我认为这可能会有所帮助。或者告诉我完整的场景，我会尽力提供帮助。