Выбор условия начала анимации

Создание пошаговой анимации начинается с выбора Event — условия, когда начнет проигрываться анимация. Существует пять условий:

· Element on Screen — анимация начинается при появлении элемента на экране;

· Block on Screen — анимация начинается при появлении на экране всего текущего блока;

· On Scroll — анимация запускается и продолжается во время скролла;

· On Hover — анимация появляется при наведении на элемент;

· On Click — анимация начинается при клике на элемент.

Рисунок 4 – выбор условия

У начала анимации есть дополнительные опции Start Trigger, Loop и Trigger Offset.

Start Trigger — это то, к чему будет привязана анимация или что будет являться ее триггером. Есть выбор из трех областей — верхней границы (On Window Top), центра экрана (On Window Center) и нижней границы (On Window Bottom);
Trigger Offset — это смещение начала анимации объекта относительно выбранного Window Top / Window Center / Window Bottom;
Loop — это опция зацикливания анимации.