div-page-transformation-overlap

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

Параметры

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

string

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

Значение всегда должно равняться overlap.
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.
    reversed_stacking_order

    bool_int

    При значении false следующие страницы будут собираться в стопку над предыдущими. При значении true - наоборот. Следующая страница - это всегда страница с большим порядковым номером в списке items, независимо от направления листания.

    Значение по умолчанию: false.
    JSON 
    {
  type*: "overlap",
  interpolator: "string",
  next_page_alpha: "number",
  next_page_scale: "number",
  previous_page_alpha: "number",
  previous_page_scale: "number",
  reversed_stacking_order: "bool_int"
}