1. Главная страница
  2. Demo Upline GSAP Animations v1
  3. Motion - Demo Upline GSAP Animations

Motion - Upline GSAP Animations

Перемещение по X,Y,Z

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

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

A
Ghost

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

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

A
Ghost

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

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

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

A
Ghost

И пример без этой настройки.

A
Ghost

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

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

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

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

A
Ghost

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

A
Ghost

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

A
Ghost

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

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

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

A
Ghost

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

A
Ghost

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

A
Ghost
Работает на Creatium