> For the complete documentation index, see [llms.txt](https://renownedgames.gitbook.io/aurora-engine/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://renownedgames.gitbook.io/aurora-engine/ui/animation.md).

# Animation

### Button Animation

Adds animation for the hover button.

![](https://4102492771-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MbGcEmnwAxQ5XmsXrVA%2F-MdbZkC1l-JkVJDDkJhd%2F-Mdba3_VB1kroNQlDMhr%2Fimage.png?alt=media\&token=5275a5bf-7bf0-4472-8d9e-37e9c9251544)

| Property | Description                         |
| -------- | ----------------------------------- |
| Ratio    | The coefficient of the button size. |
| Duration | Animation time.                     |
| Curve    | The animation curve.                |

### Advanced Settings

![](https://4102492771-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MbGcEmnwAxQ5XmsXrVA%2F-MdbZkC1l-JkVJDDkJhd%2F-MdbbX1VXhKDyXTp9AZ2%2Fimage.png?alt=media\&token=8ae1eced-2026-4448-8f32-2b8c0be32170)

Auto Bring To Front moves the button on top of all the others. Max Layer Position the layer to which the button will be moved.

**Auto Bring To Front** moves the button on top of all the others. 

**Max Layer Position** the layer to which the button will be moved.

{% hint style="info" %}
If the value of the **Max Layer Position** parameter is **-1**, the button will definitely be on top of all.
{% endhint %}

## Example

**Auto Bring To Front** is disabled.

![](https://4102492771-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MbGcEmnwAxQ5XmsXrVA%2F-MdbZkC1l-JkVJDDkJhd%2F-MdbbMTQSqe3VPlgS_zU%2Fimage.png?alt=media\&token=df70727a-0b5a-4bc3-aeae-74e8dc172170)

**Auto Bring To Front** is enabled.

![](https://4102492771-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MbGcEmnwAxQ5XmsXrVA%2F-MdbZkC1l-JkVJDDkJhd%2F-MdbbSlNSAwXSQzSAsfW%2Fimage.png?alt=media\&token=53b55f7e-e301-4483-969b-21024996ece4)