Dialog selections are discussed below the image. For navigation to a description of an item make a selection in the Page Transition - Animation Effect image or return to previous screen.

Page Transition - Animation Effect dialog. Make selection above.

• Demo The page starts moving fast, immediately, and slows down gently as it snaps into place as if in a soft landing. It feels natural and responsive.

• Demo Starts slowly and builds up speed, reaching maximum velocity right as the animation ends. It gives the feeling of pushing a heavy object that takes a moment to get moving. The result: pages feel like they are “flying away.”

• Demo In a combination of the two above, the page starts slow, speeds up in the middle, and slows down to a soft stop for a polished look.

• Demo The page moves at a perfectly constant speed from start to finish. It may appear robotic with no flair. Use this for the purest possible transition.

• Demo The page slides quickly to its destination, goes slightly *past* the stop point with it's momentum, and then snaps back into place.

• Demo A complex motion. The page briefly pulls backward as if to anticipate before launching forward and shooting past the destination before settling back. A good choice for fun or futuristic themes, but can be distracting in a minimalist setup.

• Demo A playful animation where the page arrives at its destination and literally bounces against the “wall” of the screen edge multiple times before settling.

===== Hidden Index Anchors ===== ID1|Decelerate@22,106,377,147 ID2|Accelerate@28,172,370,211 ID3|Accelerate-Decelerate@31,232,367,274 ID4|Linear@30,291,368,331 ID5|Overshoot@26,354,375,398 ID6|Anticipate overshoot@28,420,379,456 ID7|Bounce@26,476,371,521 { } cfg