我正在使用WOW.js和animate.css，现在我正在将CSS运行到Infinite。我想知道如何让我的课程在3秒钟内停止运行并再次开始无限运行？
我的html：
<img src="images/fork.png" class="fork wow rubberBand" >
我的CSS类：
.fork {
position: absolute;
top: 38%;
left: 81%;
max-width: 110px;
-webkit-animation-iteration-count: infinite ;
-webkit-animation-delay: 5s;
}
解决方案可以是JS或CSS3。
对于纯CSS3动画，在动画的每个单次迭代之间添加延迟的一种方法是修改关键帧设置，以使其产生所需的延迟。
在以下代码段中，正在执行以下操作：
transform: translateY(50px)。transform: translate(0px)（返回其原始位置）上移50px 。div{
height: 100px;
width: 100px;
border: 1px solid;
animation: move 6s infinite forwards;
}
@keyframes move{
0% { transform: translateY(0px);}
50% { transform: translateY(0px);}
75% { transform: translateY(50px);}
100% { transform: translateY(0px);}
}<script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
<div>Some content</div>该animation-delay属性仅对第一次迭代引入延迟，因此不能用于在每次迭代之间添加延迟。下面是说明这一点的样本片段。
div{
height: 100px;
width: 100px;
border: 1px solid;
animation: move 6s infinite forwards;
animation-delay: 3s;
}
@keyframes move{
0% { transform: translateY(0px);}
50% { transform: translateY(50px);}
100% { transform: translateY(0px);}
}<script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
<div>Some content</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句