Вы здесь

CSS свойство animation-iteration-count

Устанавливает, сколько раз проигрывать цикл анимации до её остановки.

CSS синтаксис

animation-iteration-count: число | infinite | initial | inherit;

Возможные значения

Значение Описание
число Устанавливает количество повторений анимации. Отрицательные значения не допустимы. Разрешается использовать числа меньше единицы, например, значение 0.5 означает половину цикла анимации.
infinite Устанавливает, что анимация должна проигрываться бесконечное количество раз.
inherit Значение наследуется от родительского элемента.
initial Устанавливает значение по умолчанию.

Пример

Проиграть анимацию три раза


div {
    -webkit-animation-iteration-count: 3; /* Safari 4.0 - 8.0 */
    animation-iteration-count: 3;
}