MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

animation-iteration-count

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
 

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

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

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