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;
}