我怎么能使用不同的哇动画

时间:2017-12-05 11:12:17

标签: html5 animation

如何在两个div标签中使用不同的哇动画,我尝试了这个代码,但两个动画同时发生。我需要动画按顺序发生。

 <div class="game-box wow slideInUp">
      <div class="play wow swing"></div>
 </div> 

1 个答案:

答案 0 :(得分:0)

如果您的动画是使用CSS完成的,那么您可以在另一个标记wow class内为wow class标记定义规则:

.wow .wow {
    -webkit-animation-delay: 2s; /* Safari 4.0 - 8.0 */
    animation-delay: 2s;
}

其中2s被假定为动画的长度。

在此处阅读更多内容:https://www.w3schools.com/cssref/css3_pr_animation-delay.asp