从无限改变css3动画迭代计数什么都不做

Question

我有一个运行css3动画，迭代次数设置为无限。

基于点击事件我想停止动画，但更改迭代计数什么都不做。任何人都可以提出更好的解决方案吗？

由于

伊恩

Answer 1

将动画放在与样式分离的类中，即

.box {
  height: 100px;
  width: 100px;
  background-color: #000;
}

.box.animated {
  -webkit-animation... 
}

然后在点击时删除动画类。