animation-iteration-count

Experimental

Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.

Обзор

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

Наиболее удобно использовать это свойство в сокращённом варианте animation, в котором указываются все анимационные свойства.

Начальное значение1
Применяется квсе элементы, ::before и ::after псевдоэлементы
Наследуетсянет
Обработка значениякак указано
Animation typediscrete

Синтаксис

animation-iteration-count: infinite;
animation-iteration-count: 3;
animation-iteration-count: 2.3;

animation-iteration-count: 2, 0, infinite;

Значения

infinite
Анимация повторяется бесконечно.
<number>
Сколько раз анимация будет повторяться; по умолчанию 1. Отрицательные значения не используются. Можно использовать не целые значения, для проигрывания части анимационного цикла (например, 0.5 воспроизведёт половину анимационного цикла).

Правила синтаксиса

<single-animation-iteration-count># (en-US)

где
<single-animation-iteration-count> = infinite | (en-US) <number>

Примеры

Смотрите примеры  CSS анимации.

Спецификации

Спецификация Статус Комментарий
CSS Animations Level 1
Определение 'animation-iteration-count' в этой спецификации.
Рабочий черновик  

Совместимость с браузерами

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help! (en-US)

Возможность Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Базовая поддержка (Да)-webkit (en-US)
43.0
5.0 (5.0)-moz (en-US)
16.0 (16.0)
10  12 -o (en-US)
12.10
4.0-webkit (en-US)
Возможность Android Chrome Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile Chrome for Android
Базовая поддержка (Да)-webkit (en-US) ? 5.0 (5.0)-moz (en-US)
16.0 (16.0)
? ? ? 43.0
 

Также смотрите