We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

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

Обзор

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>#

где
<single-animation-iteration-count> = infinite | <number>

Примеры

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

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

Спецификация Статус Комментарий
CSS Animations
Определение '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!

Возможность 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
 

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

Метки документа и участники

Внесли вклад в эту страницу: BychekRU, teoli, Sebastianz, Evgeny81
Обновлялась последний раз: BychekRU,