PageView.transition

[PageView.|<containerId>_pageView.]transition= *time*[, *easing*]

time

Specifies the time in seconds that the animation for a single zoom step action takes.

easing

Creates an illusion of acceleration or deceleration which makes the transition appear more natural. You can set easing to one of the following:

  • 0 (auto)
  • 1 (linear)
  • 2 (quadratic)
  • 3 (cubic)
  • 4 (quartic)
  • 5 (quintic)

Auto mode always uses linear transition when elastic zoom is disabled (default). Otherwise, it fits one of the other easing functions based on the transition time. That is, the shorter the transition time the higher the easing function is used to accelerate the acceleration or deceleration effect.

Properties

Optional.

Default

0.5,0

Example

transition=2,2

On this page