# Page animation

<div align="left"><img src="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukRMj5BU1ZwGwZkL%2Fpage_animation.gif?alt=media&#x26;token=affff32a-1a98-48d9-891d-c81dbc31b9a8" alt=""></div>

To change page animation type:

1. Select Project in Navigator
2. Open Animation tab in Project inspector
3. Select animation type in Page animation list

## Transition time

<div align="left"><img src="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukRNUqlu91lYKi9l%2Fpage_animation_duration.gif?alt=media&#x26;token=c5b6b270-5b5a-4ed7-81a8-781e931bf3ec" alt=""></div>

1. Select Project in Navigator
2. Open Animation tab in Project inspector
3. Enter transition time in Duration field (in milliseconds)

## Animate navigation layer

<div align="left"><img src="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukROhnYObRIsUFQe%2Fpage_animation_navigate.gif?alt=media&#x26;token=f6b2b68c-172a-4391-a80b-f938352a27b4" alt=""></div>

You can enable or disable animation of Navigation page elements:

1. Select Project in Navigator
2. Open Animation tab in Project inspector
3. Enable Animate navigation in Page animation section

## Shadow

You can enable shadow effect for Flip and Scale animation:

1. Select Project in Navigator
2. Open Animation tab in Project inspector
3. Enable Shadow in Page animation section
