Повторы анимации: animation-iteration-count

animation-iteration-count

Поддержка браузерами
Настольные браузеры Chrome Firefox (Gecko) Internet Explorer Opera Safari
Базовая поддержка, версии браузеров 4 -webkit- 5.0 (5.0) -moz- 10 12 -o- 4.0 -webkit-
Мобильные браузеры Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Базовая поддержка, версии браузеров 4 -webkit- 5.0 (5.0) -moz- 10 12 -o- 3.2 -webkit-
Свойство
animation-iteration-count — при помощи этого свойства задается колличество циклов воспроизведения анимации
Наследование
Не наследуется. Это значит что стили применённые к родительскому элементу не передадутся потомкам
Применяется
Ко всем элементам, это значит что применяется и к блочным, и к встроенным, и к табличным и т.д.
Может принимать значения
число | infinite
Значение по умолчанию
1
Правила записи
свойство: значение;

  • если указывается число, то оно не обязательно должно быть целым, можно указать и вещественное число, если указать 0.5, то анимация будет воспроизводиться половину цикла
Примеры

Анимация будет воспроизводиться бесконечно

Анимация будет воспроизводиться 3 раза

Поделиться