相关疑难解决方法(0)

我想为SVG动画循环的每次迭代添加一个延迟.这是一个简单的例子.

<svg xmlns="http://www.w3.org/2000/svg" width="100px" height="100px">
  <circle cx="50" cy="50" r="15" fill="blue">
    <animate id="op" attributeType="CSS" attributeName="opacity"
             from="1" to="0" dur="3s" repeatCount="indefinite" />
  </circle>
</svg>

begin仅使用延迟第一次迭代,那么是否有延迟每次迭代的方法？

我正在使用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.