This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for usage in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the specification changes.
Обзор
CSS свойство animation-iteration-count
определяет сколько раз будет проигрываться анимационный цикл, перед тем как остановиться.
Наиболее удобно использовать это свойство в сокращенном варианте animation
, в котором указываются все анимационные свойства.
Начальное значение | 1 |
---|---|
Применяется к | все элементы, ::before и ::after псевдо-элементы |
Наследуется | нет |
Отображение | визуальный |
Обработка значения | как указано |
Анимируемость | нет |
Канонический порядок | уникальный не однозначный порядок, определённый формальной грамматикой |
Синтаксис
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>#where
<single-animation-iteration-count> = infinite | <number>
Примеры
Смотрите примеры CSS анимации.
Спецификации
Спецификация | Статус | Комментарий |
---|---|---|
CSS Animations Определение 'animation-iteration-count' в этой спецификации. |
Рабочий черновик |
Совместимость с браузерами
Возможность | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Базовая поддержка | (Да)-webkit 43.0 |
5.0 (5.0)-moz 16.0 (16.0) |
10 | 12 -o 12.10 |
4.0-webkit |
Возможность | Android | Chrome | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile | Chrome for Android |
---|---|---|---|---|---|---|---|
Базовая поддержка | (Да)-webkit | ? | 5.0 (5.0)-moz 16.0 (16.0) |
? | ? | ? | 43.0 |