div-slide-transition

Анимация перемещения.

JSON

{
  type*: "slide",
  distance: {
    unit: "string",
    value*: "number"
  },
  duration: "int",
  edge: "string",
  interpolator: "string",
  start_delay: "int"
}

Параметры

ПараметрыОписание
distance

object

Фиксированное значение смещения, с которого начнется появление или на котором закончится исчезновение элемента. Если значение не указано, то берется расстояние до выбранного края родительского элемента.

Значение имеет тип div-dimension.

duration

int

Продолжительность анимации в миллисекундах.

Ограничение для значения x: x >= 0.

Значение по умолчанию: 200.

edge

string

Край родительского элемента для одного из типов действий:
  • откуда элемент будет двигаться при появлении;
  • куда элемент будет двигаться при исчезновении.
  • Возможные значения: left, top, right, bottom.

    Значение по умолчанию: bottom.

    interpolator

    string

    Характер скорости перехода.

    Возможные значения: linear, ease, ease_in, ease_out, ease_in_out, spring.

    Значение по умолчанию: ease_in_out.

    start_delay

    int

    Задержка в миллисекундах перед началом анимации.

    Ограничение для значения x: x >= 0.

    Значение по умолчанию: 0.

    type

    string

    Обязательный параметр.

    Значение всегда должно равняться slide.

    ПараметрыОписание
    distance

    object

    Фиксированное значение смещения, с которого начнется появление или на котором закончится исчезновение элемента. Если значение не указано, то берется расстояние до выбранного края родительского элемента.

    Значение имеет тип div-dimension.

    duration

    int

    Продолжительность анимации в миллисекундах.

    Ограничение для значения x: x >= 0.

    Значение по умолчанию: 200.

    edge

    string

    Край родительского элемента для одного из типов действий:
  • откуда элемент будет двигаться при появлении;
  • куда элемент будет двигаться при исчезновении.
  • Возможные значения: left, top, right, bottom.

    Значение по умолчанию: bottom.

    interpolator

    string

    Характер скорости перехода.

    Возможные значения: linear, ease, ease_in, ease_out, ease_in_out, spring.

    Значение по умолчанию: ease_in_out.

    start_delay

    int

    Задержка в миллисекундах перед началом анимации.

    Ограничение для значения x: x >= 0.

    Значение по умолчанию: 0.

    type

    string

    Обязательный параметр.

    Значение всегда должно равняться slide.