[[:ui:ui-ui_anim-page_trans|Return to the previous page]]

=====  Page Transition - Animation Duration  =====

Dialog selections are discussed below the image. For navigation to an item make a selection in the Page Transition - Animation Duration image.

{{imapmarkers>:ui:ui-ui_anim-page_trans-animation-anim_duration.webp?direct&400|Page Transition - Animation Duration}}
[[:ui:ui-ui_anim-page_trans|ID1|Cancel@244,265,323,304]]
[[:ui:ui-ui_anim-page_trans|ID2|OK@321,265,382,302]]
{{cfg>}}
{
}
{{<cfg}}
{{<imapmarkers}}

<wrap hi>**Page Transition - Animation Duration dialog. Make selection above.**</wrap>

  ***Cancel** - Return to the previous screen making no selection
  ***OK** - Confirm the selection and return to the previous

Other elements in the image:
  *** Animation duration (ms)** - Use the slider or manually input a number from 0 to 800 to set the length of time it takes the page transition to complete. Time here is measured in milliseconds (ms): 800ms = .8 seconds (less than 1 second since 1000ms = 1 second).

<WRAP center round tip 60%>
<WRAP centeralign>**Duration Makes a Difference**</WRAP>

  ***Short Duration (0-300ms)** - Complex effects like *Bounce* or *Anticipate Overshoot* may look jittery because they don't have enough time to play out.

  ***Long Duration (500-800ms+)** - *Linear* will look sluggish, but *Overshoot* and *Bounce* will look very clearly defined.
</WRAP>

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





<wrap hide>
===== Hidden Index Anchors =====
[[:ui:ui-ui_anim-page_trans|ID1|Cancel@244,265,323,304]]
[[:ui:ui-ui_anim-page_trans|ID2|OK@321,265,382,302]]
{{cfg>}}
{
}
{{<cfg}}
</wrap>