> For the complete documentation index, see [llms.txt](https://oranthemes.gitbook.io/edge-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://oranthemes.gitbook.io/edge-theme/theme-settings/animations.md).

# Animations

Animation on websites adds motion and engagement. It attracts attention, increases interaction, and enhances user experiences.

{% hint style="success" %}
**Steps:** 

1. In the theme editor (**Customize**), click **Theme settings**
2. Locate **Animations**
3. Make necessary changes > **Save**
   {% endhint %}

<div align="center"><figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2F3cWNtFrrJmACQSwBV5jO%2F2025-04-03_22-35-17.jpg?alt=media&amp;token=1042604e-a7ce-485e-939c-e2eea07ec576" alt=""><figcaption></figcaption></figure></div>

* **Enable animations** - Enable animation when load and scroll down page.
* **Animation style** - Type of animation When load and scroll down page.
* **Animation speed** - Speed of animation When load and scroll down page.
* **Show page transition** - Displays a loading spinner while a page is loading.
* **Button hover animation -** Type of animation when hover on button