======  Animation Effect  ======

Dialog selections are discussed below the image, with links to demo videos of the actions. In the App and in this demo, clicking an animation selection returns the user to the previous screen. 

{{:ui:ui-animation-animation_effect-v4.webp?300|Animation Effect dialog}}

The image contains **no** navigation selections. To return to the previous page, swipe (right to left), use the browser's return arrow, or select the Backlink icon {{ui:ui-doku_link-backlink-v4.webp?direct&30|Backlink icon}} from the right sidebar.

Animation effects will directly impact any "on enter" or "on exit" animations. The videos below demonstrate the animation effects using the **From right** animations for comparison.

  * ++Decelerate|{{:ui:ui-animation-enter-decelerate-from_right-v4|Animation Effect: Decelerate}}++
  * ++Accelerate|{{:ui:ui-animation-enter-accelerate-from_right-v4.gif|Animation Effect: Accelerate}}++
  * ++Accelerate-Decelerate|{{:ui:ui-animation-enter-accelerate_decelerate-from_right-v4.gif|Animation Effect: Accelerat-Decelerate}}++
  * ++Linear|{{:ui:ui-animation-enter-linear-from_right-v4.gif|Animation Effect: Linear}}++
  * ++Overshoot|{{:ui:ui-animation-enter-overshoot-from_right-v4.gif|Animation Effect: Overshoot}}++
  * ++Anticipate overshoot|{{:ui:ui-animation-enter-anticipate_overshoot-from_right-v4.gif|Animation Effect: Anticipate overshoot}}++
  * ++Bounce|{{:ui:ui-animation-enter-bounce-from_right-v4.gif|Animation Effect: Bounce}}++

----

To view all videos on the page at the same time:
++++tap here.|
<WRAP group>
<WRAP hscroll_box>
<WRAP>
{{:ui:ui-animation-enter-decelerate-from_right-v4.gif|Animation Effect: Decelerate}}
</WRAP>
<WRAP>
{{:ui:ui-animation-enter-accelerate-from_right-v4.gif|Animation Effect: Accelerate}}
</WRAP>
<WRAP>
{{:ui:ui-animation-enter-accelerate_decelerate-from_right-v4.gif|Animation Effect: Accelerat-Decelerate}}
</WRAP>
</WRAP>
<WRAP hscroll_box>
<WRAP>
{{:ui:ui-animation-enter-linear-from_right-v4.gif|Animation Effect: Linear}}
</WRAP>
<WRAP>
{{:ui:ui-animation-enter-overshoot-from_right-v4.gif|Animation Effect: Overshoot}}
</WRAP>
</WRAP>
<WRAP hscroll_box>
<WRAP>
{{:ui:ui-animation-enter-anticipate_overshoot-from_right-v4.gif|Animation Effect: Anticipate overshoot}}
</WRAP>
<WRAP>
{{:ui:ui-animation-enter-bounce-from_right-v4.gif|Animation Effect: Bounce}}
</WRAP>
</WRAP>
</WRAP>
<WRAP clear/>
++++

----

To view videos of the Launcher's **Enter Animations**, [[:ui:ui-animation-enter_animation-no_exit|click here.]]

<WRAP noprint>{{page>site:site-footer-comment_feedback_block}}</WRAP>