изменение количества итераций анимации css3 с бесконечного ничего не дает

#animation #css

#Анимация #css

У меня есть анимация css3, запущенная с количеством итераций, установленным на бесконечность.

на основе события click я хочу остановить анимацию, но изменение количества итераций ничего не дает. кто-нибудь может предложить лучшее решение?

Спасибо

Ян

Поместите вашу анимацию в класс, отдельный от стиля, т.Е.

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

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

а затем удалите класс, анимированный щелчком мыши.