Motion - Upline GSAP Animations

Перемещение по X

Базовое перемещение по оси X. Позволяет делать смещение по X в пикселях относительно текущей позиции.

Перемещение по Y

Базовое перемещение по оси Y. Позволяет делать смещение по Y в пикселях относительно текущей позиции.

Перемещение по Z

Базовое перемещение по оси Z. Позволяет делать смещение по Z в пикселях относительно текущей позиции. Поскольку ось Z расположена к нам перпендикулярно, то перемещение по ней в положительном направлении выглядит как приближение объекта, а перемещение в отрицательном как удаление. Для перемещения по оси Z обязательно должна быть выбрана настройка перспективы.

Ниже пример с включенной настройкой перспективы (Перспектива 500).

Перемещение по X в процентах

Данная настройка позволяет переместить элемент по оси X на величину его размера.

Перемещение по X 100%.

Перемещение по X 200%.

Перемещение по X 300%.

Перемещение по Y в процентах

Данная настройка позволяет переместить элемент по оси Y на величину его размера.