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

Определение и использование

animation-iteration-count Свойство определяет количество раз, которое анимация будет играть.

См. также:

CSS3 курс:Анимация CSS

HTML DOM справочник:Свойство animationIterationCount

Пример

Играть анимацию три раза:

div
{
animation-iteration-count:3;
}

Попробуйте сами

CSS синтаксис

animation-iteration-count: n|неограниченно;
Значение Описание Тестирование
n Определяет количество раз, которое анимация будет играть. Тестирование
неограниченно Указывает на то, что анимация должна играть无限次数。 Тестирование

Технические детали

Значение по умолчанию: 1
Инheritability: нет
Версия: CSS3
JavaScript синтаксис: объект.style.animationIterationCount=3

Поддержка браузеров

Числа в таблице указывают на首个完全支持 данного свойства браузер.

Содержащие -webkit-, -moz- или -o- числа представляют собой首个使用前缀的版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
4.0 -webkit-
10.0 16.0
5.0 -moz-
9.0
4.0 -webkit-
30.0
15.0 -webkit-
12.0 -o-