如何在Wow.js动画中的每次重复迭代之间设置延迟?

时间:2016-12-08 03:27:38

标签: html css css3 transactions css-transitions

我使用wow.js创建了摇动动画。我想暂停摇动动画一段时间像6s一样重新启动摇动动画。如何实现呢?我提供了震动图片片段

// Initialize wow 
new WOW().init();
.course-img2 img{
  width:30%;
  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" rel="stylesheet"/>
  <div data-wow-delay="300ms" data-wow-iteration="infinite" data-wow-iteration="1s" data-wow-duration="0.60s" class="wow shake course-img2"> <img src="http://qnimate.com/wp-content/uploads/2014/03/images2.jpg" alt="Logo"> </div>

1 个答案:

答案 0 :(得分:2)

这样的东西? https://jsfiddle.net/wgdLxqrp/

在动画完成时添加了一个事件侦听器,在完成后会更改data-wow-delay

的值