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


Пример

Воспроизвести анимацию три раза:

animation-iteration-count:3;
-webkit-animation-iteration-count:3; /*Safari и Chrome*/

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

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

Числа в таблице указывают первую версию браузера, которая поддерживает это свойство.

Число, непосредственно предшествующее -webkit-, -ms- или -moz-, — это первая версия браузера, которая поддерживает свойство с префиксом.

Пример (example.com)
Свойство
animation-iteration-count 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-

Определение тега и инструкции по использованию

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

Значение по умолчанию: 1
Наследуется: нет
версия: CSS3
Синтаксис JavaScript: object object.style.animationIterationCount=3

Синтаксис

animation-iteration-count: значение;

Значение Описание Тестирование
n Число, которое определяет, сколько раз должна воспроизводиться анимация.
infinite Указывает, что анимация должна воспроизводиться бесконечное число раз (вечно).

Связанные статьи

Руководство по CSS3:CSS3-анимации

Другие расширения