В этой статье мы расскажем о настройках запуска анимации При зажатии.

Триггер — это элемент, при взаимодействии с которым запускается анимация. 

По умолчанию триггером работает элемент с анимацией, но вы также можете назначить триггером любой другой элемент, секцию или класс.

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

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

Здесь вы можете настроить, что будет происходит с анимацией после отжатия. 

Ничего не делать — после отжатия анимация проигрывается до последнего шага и остается в таком положении, пока пользователь не обновит страницу.

Проигрывать обратно — после отжатия анимация проигрывается обратно к изначальному положению. 

Проигрывать заново — при повторном нажатии анимация возвращается в начальное положение и проигрывается повторно.

На паузе — после отжатия анимация становится на паузу и при повторном нажатии проигрывается дальше.

Число повторений. По умолчанию анимация проигрывается один раз. Также вы можете  задать число повторений или настроить бесконечный повтор, зациклив шаги.

У анимации есть два направления проигрывания: 

Туда —  анимация проигрывается от начального положения до последнего шага.