======  Enter Animation ======

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-enter_animation-v4.webp?direct&200|Enter Animation 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.

Enter animations are greatly influenced by **Animation effect**. The videos demonstrate the enter animations using the **Decelerate animation** effect for comparison, where the object starts moving fast immediately and slows down gently as it snaps into place, like a soft landing. It feels natural and responsive.

  * ++From front|{{:ui:ui-animation-enter-decelerate-from_front-v4.gif|From front enter animation}}++
  * ++From back|{{:ui:ui-animation-enter-decelerate-from_back-v4.gif|From back enter animation}}++
  * ++From left|{{:ui:ui-animation-enter-decelerate-from_left-v4.gif|From left enter animation}}++
  * ++From right|{{:ui:ui-animation-enter-decelerate-from_right-v4.gif|From right enter animation}}++
  * ++From top|{{:ui:ui-animation-enter-decelerate-from_top-v4.gif|From top enter animation}}++
  * ++From bottom|{{:ui:ui-animation-enter-decelerate-from_bottom-v4.gif|From bottom enter animation}}++
  * ++From left (no fading)|{{:ui:ui-animation-enter-decelerate-from_left_no_fade)-v4.gif|From left (no fading) enter animation}}++
  * ++From right (no fading)|{{:ui:ui-animation-enter-decelerate-from_right_no_fade)-v4.gif|From left (no fading) enter animation}}++
  * ++From top (no fading)|{{:ui:ui-animation-enter-decelerate-from_top_no_fade)-v4.gif|From top (no fading) enter animation}}++
  * ++From bottom (no fading)|{{:ui:ui-animation-enter-decelerate-from_bottom_no_fade)-v4.gif|From bottom (no fading) enter animation}}++
  * ++Fade in|{{:ui:ui-animation-fade_in-v4.gif|Fade in enter animation}}++ 

----

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_front-v4.gif|From front enter animation}}
</WRAP>
<WRAP>
{{:ui:ui-animation-enter-decelerate-from_back-v4.gif|From back enter animation}}
</WRAP>
<WRAP>
{{:ui:ui-animation-enter-decelerate-from_left-v4.gif|From left enter animation}}
</WRAP>
<WRAP>
{{:ui:ui-animation-enter-decelerate-from_right-v4.gif|From right enter animation}}
</WRAP>
</WRAP>
<WRAP hscroll_box>
<WRAP>
{{:ui:ui-animation-enter-decelerate-from_top-v4.gif|From top enter animation}}
</WRAP>
<WRAP>
{{:ui:ui-animation-enter-decelerate-from_bottom-v4.gif|From bottom enter animation}}
</WRAP>
<WRAP>
{{:ui:ui-animation-enter-decelerate-from_left_no_fade-v4.gif|From left (no fading) enter animation}}
</WRAP>
<WRAP>
{{:ui:ui-animation-enter-decelerate-from_right_no_fade-v4.gif|From right (no fading) enter animation}}
</WRAP>
</WRAP>
<WRAP hscroll_box>
<WRAP>
{{:ui:ui-animation-enter-decelerate-from_top_no_fade-v4.gif|From top (no fading) enter animation}}
</WRAP>
<WRAP>
{{:ui:ui-animation-enter-decelerate-from_bottom_no_fade-v4.gif|From bottom ((no fading) enter animation}}
</WRAP>
<WRAP>
{{:ui:ui-animation-enter-decelerate-fade_in-v4.gif|Fade in enter animation}}
</WRAP>
</WRAP>
</WRAP>
++++

----

To view videos of the Launcher's **Animation effect**, [[:ui:ui-animation-animation_effect|click here.]]

<wrap hide>
===== Hidden Index Anchors =====
  * [[:ui:target_page_1]]
  * [[:ui:target_page_2]]
</wrap>
<WRAP noprint>{{page>site:site-footer-comment_feedback_block}}</WRAP>