将css3动画迭代计数从infinite更改为infinite没有任何作用

Question

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

基于点击事件，我想停止动画，但改变迭代计数没有任何作用。有人能提出更好的解决方案吗?

感谢伊恩

Answer 1

把你的动画放到一个与样式分离的类中，即

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