Главная » Анимация css » animation-direction - Направление анимации
190 0  

animation-direction - Направление анимации

animation-direction устанавливает, должна ли анимация воспроизводиться вперед, назад или чередоваться вперед и назад.

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

/* Single animation */
animation-direction: normal;
animation-direction: reverse;
animation-direction: alternate;
animation-direction: alternate-reverse;

/* Multiple animations */
animation-direction: normal, reverse;
animation-direction: alternate, reverse, normal;

/* Global values */
animation-direction: inherit;
animation-direction: initial;
animation-direction: unset;


нормальный (normal)
Анимация воспроизводит каждый цикл вперед. Другими словами, при каждом цикле анимации анимация сбрасывается в начальное состояние и начинается заново. Это значение по умолчанию.


задний ход (reverse)
Анимация воспроизводится в обратном направлении каждого цикла. Другими словами, каждый раз, когда анимация циклически повторяется, анимация сбрасывается в конечное состояние и начинается заново. Этапы анимации выполняются в обратном направлении, а функции синхронизации также меняются местами. Например, функция синхронизации замедления становится замедлением.


чередовать (alternate)
Анимация меняет направление в каждом цикле, при этом первая итерация воспроизводится вперед. Счетчик, чтобы определить, является ли цикл четным или нечетным, начинается с одного.


Альтернативный-обратный (alternate-reverse)
Анимация меняет направление в каждом цикле, а первая итерация воспроизводится задом наперед. Счетчик, чтобы определить, является ли цикл четным или нечетным, начинается с одного.


wink Примечание.

Когда вы указываете несколько значений, разделенных запятыми, в свойстве 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