CSS animation-iteration-count Свойство
Пример
Воспроизвести анимацию два раза:
div {
animation-iteration-count: 2;
}
Подробнее примеры ниже.
Определение и использование
Свойство animation-iteration-count
указывает, сколько раз должна воспроизводиться анимация.
Значение по умолчанию: | 1 |
---|---|
Inherited: | no |
Animatable: | no. Читайте о animatable |
Version: | CSS3 |
Синтаксис JavaScript: | object.style.animationIterationCount="infinite" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Номера следуют -webkit-, -moz-, or -o- Укажет первую версию, которая работала с префиксом.
Свойство | |||||
---|---|---|---|---|---|
animation-iteration-count | 43.0 4.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
Синтаксис CSS
animation-iteration-count: number|infinite|initial|inherit;
Значения свойств
Значение | Описание | |
---|---|---|
number | Число, определяющее, сколько раз должна воспроизводиться анимация. Значение по умолчанию равно 1 | |
infinite | Указывает, что анимация должна воспроизводиться бесконечное время (навсегда) | |
initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) | |
inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Другие примеры
Пример
Воспроизвести анимацию навсегда:
div {
animation-iteration-count: infinite;
}
Похожие страницы
CSS Справочник: CSS Анимация
HTML DOM Справочник: animationIterationCount Свойство