div-page-transformation-slide

Страницы двигаются во время листания пейджера, не перекрывая друг друга.

Параметры

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

string

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

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

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.

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

    next_page_alpha

    number

    Минимальная прозрачность следующей страницы в диапазоне [0, 1] при листании пейджера. Следующая страница — всегда страница с большим порядковым номером в списке items, независимо от направления листания.

    Ограничение для значения x: x >= 0.0 && x <= 1.0.

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

    next_page_scale

    number

    Маштабирование следующей страницы во время листания пейджера. Следующая страница — всегда страница с большим порядковым номером в списке items, независимо от направления листания.

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

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

    previous_page_alpha

    number

    Минимальная прозрачность предыдущей страницы в диапазоне [0, 1] во время листания пейджера. Предыдущая страница — всегда страница с меньшим порядковым номером в списке items, независимо от направления листания.

    Ограничение для значения x: x >= 0.0 && x <= 1.0.

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

    previous_page_scale

    number

    Маштабирование предыдущей страницы во время листания пейджера. Предыдущая страница — всегда страница с меньшим порядковым номером в списке items, независимо от направления листания.

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

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

    JSON
    {
      type*: "slide",
      interpolator: "string",
      next_page_alpha: "number",
      next_page_scale: "number",
      previous_page_alpha: "number",
      previous_page_scale: "number"
    }