Анимации

Всем элементам на экране можно задать анимации. Доступно два триггера: появление элемента на экране и скролл экрана. Элементы могут менять прозрачность, размер и положение.

Анимация запустится, как только элемент появится на экране. Длительность анимации задаётся в миллисекундах. Также можно задать задержку перед стартом анимации и выбрать плавность.

Анимация запускается по мере пролистывания экрана. Старт анимации задаётся позицией, на которой находится элемент: вверху экрана, в центре, в низу экрана. Длительность анимации зависит от дистанции прокрутки.

Элемент будет расположен с сдвигом относительно его оригинального положения. К примеру, такой трансформацией можно добиться эффекта выезжающего снизу элемент: для этого необходимо добавить положительное значение в поле Y, например — 40. Если ввести отрицательное значение (-40) — элемент спустится сверху.
Аналогично для поля X: 20 — элемент выедет справа, -20 — элемент выедет слева.

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

Анимация может как уменьшить прозрачность элемента, так и увеличить её.