animation-iteration-count
Experimental
Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.
Обзор
CSS свойство animation-iteration-count
определяет сколько раз будет проигрываться анимационный цикл, перед тем как остановиться.
Наиболее удобно использовать это свойство в сокращённом варианте animation
, в котором указываются все анимационные свойства.
Начальное значение | 1 |
---|---|
Применяется к | все элементы, ::before и ::after псевдоэлементы |
Наследуется | нет |
Обработка значения | как указано |
Animation type | discrete |
Синтаксис
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 |