div-animation

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

Параметры

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

string

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

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

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

Доступные платформы: Android, iOS, веб.
duration

int

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

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

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

Доступные платформы: Android, iOS, веб.
end_value

number

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

Доступные платформы: Android, iOS, веб.
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.

    Доступные платформы: Android, iOS, веб.
    items

    array

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

    Доступные платформы: Android, iOS, веб.
    repeat

    object

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

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

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

    Доступные платформы: Android, iOS, веб.

    Список возможных значений:

  • div-infinity-count
  • div-fixed-count

    		•
    start_delay

    int

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

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

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

    Доступные платформы: Android, iOS, веб.
    start_value

    number

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

    Доступные платформы: Android, iOS, веб.
    JSON 
    {
  duration: "int",
  end_value: "number",
  interpolator: "string",
  items: [ div-animation, ... ],
  name*: "string",
  repeat: div-count,
  start_delay: "int",
  start_value: "number"
}
    Предыдущая
    action
    Следующая
    aspect