Главная » Анимация css » animation-iteration-count - Повторы анимации
172 0  

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

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

Если указано несколько значений, каждый раз, когда воспроизводится анимация, используется следующее значение в списке, возвращаясь к первому значению после последнего.

Синтаксис написания:

/* Keyword value */
animation-iteration-count: infinite;

/* <number> values */
animation-iteration-count: 3;
animation-iteration-count: 2.4;

/* Multiple values */
animation-iteration-count: 2, 0, infinite;

Бесконечный (infinite)
Анимация будет повторяться вечно.


Число
Количество повторений анимации; это 1 по умолчанию. Вы можете указать нецелые значения для воспроизведения части цикла анимации: например, fellow 0,5 будет воспроизводить половину цикла анимации. Отрицательные значения недействительны.


Примечание. При указании нескольких значений в свойстве animation- * они будут назначаться анимациям, указанным в свойстве animation-name, по-разному в зависимости от их количества.


Оставить свой комментарий:

Опыт в веб разработке:

2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
1979
2020