div-animation

Параметры анимации элементов.

JSON

{
  duration: "int",
  end_value: "number",
  interpolator: "string",
  items: [ div-animation, ... ],
  name*: "string",
  repeat: div-count,
  start_delay: "int",
  start_value: "number"
}

Параметры

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

int

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

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

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

end_value

number

Конечное значение анимации.

interpolator

string

Характер скорости анимации. При значении spring — обрезанная до 0.7 анимация затухающих колебаний с параметром damping=1. Остальные варианты соответствует кривой Безье:
  • linear — cubic-bezier(0, 0, 1, 1);
  • ease — cubic-bezier(0.25, 0.1, 0.25, 1);
  • ease_in — cubic-bezier(0.42, 0, 1, 1);
  • ease_out — cubic-bezier(0, 0, 0.58, 1);
  • ease_in_out — cubic-bezier(0.42, 0, 0.58, 1).
  • Возможные значения: linear, ease, ease_in, ease_out, ease_in_out, spring.

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

    items

    array

    Элементы анимации.

    Массив должен быть непустым.

    name

    string

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

    Тип анимации.

    Возможные значения: fade, translate, scale, native, set, no_animation.

    repeat

    object

    Число повторов анимации.

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

    Значение по умолчанию: { "type": "infinity" }.

    Список возможных значений:
  • div-infinity-count
  • div-fixed-count
  • start_delay

    int

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

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

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

    start_value

    number

    Стартовое значение анимации.

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

    int

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

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

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

    end_value

    number

    Конечное значение анимации.

    interpolator

    string

    Характер скорости анимации. При значении spring — обрезанная до 0.7 анимация затухающих колебаний с параметром damping=1. Остальные варианты соответствует кривой Безье:
  • linear — cubic-bezier(0, 0, 1, 1);
  • ease — cubic-bezier(0.25, 0.1, 0.25, 1);
  • ease_in — cubic-bezier(0.42, 0, 1, 1);
  • ease_out — cubic-bezier(0, 0, 0.58, 1);
  • ease_in_out — cubic-bezier(0.42, 0, 0.58, 1).
  • Возможные значения: linear, ease, ease_in, ease_out, ease_in_out, spring.

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

    items

    array

    Элементы анимации.

    Массив должен быть непустым.

    name

    string

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

    Тип анимации.

    Возможные значения: fade, translate, scale, native, set, no_animation.

    repeat

    object

    Число повторов анимации.

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

    Значение по умолчанию: { "type": "infinity" }.

    Список возможных значений:
  • div-infinity-count
  • div-fixed-count
  • start_delay

    int

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

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

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

    start_value

    number

    Стартовое значение анимации.