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

时间:2015-06-15 19:36:32

标签: css3 animation

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

淡入> 3秒延迟>淡出

这是我的div:

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

这是我延迟fadeOut的额外CSS:

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

现在发生的事情是div只在3秒后淡出,fadeIn动画不再起作用。

1 个答案:

答案 0 :(得分:0)

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