animation-iteration-count

Обзор

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

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

Синтаксис

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 анимации.

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

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

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!

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

• Ипользование CSS анимацией
• AnimationEvent