Анимация не всегда запускается сразу же по завершении загрузки страницы. Гораздо чаще мы хотим использовать анимацию в ответ на действия пользователя, такие как наведение мыши на элемент или удержание кнопки мыши, когда ее указатель находится на элементе (:active ). В подобной ситуации у нас не всегда есть контроль над фактическим числом итераций, так как действия пользователя могут приводить к тому, что анимация прервется до того, как будут воспроизведены все запланированные итерации. Например, пользователь может запустить симпатичную анимацию :hover и убрать указатель мыши с элемента до того, как анимация завершится. Что, по вашему мнению, должно происходить далее в этом случае? Читать далее
