div-page-transformation-slide

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

Параметры

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

string

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

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

string

Transformation скорости анимации. При значении 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"
}