# Animations
This setting is only available on **Minimog c3.5.0 onwards.** View [Changelog](/minimog-theme/changelog)
## How to enable page transition
Steps:
1. In the theme editor (**Customize**), click **Theme settings.**
2. Navigate to the **Animations** section.
3. Click the checkbox **Enable page transition.**
4. Click **Save.**
The **Page transition** displays a loading spinner while a page is loading. It enhances the user experience and augments the interest of web visitors.
You can set the **Loading size** and **color** for the page transition icon.
_jQa771sg.gif)
You can also upload your own **Custom logo** for the page-loading effect.
Custom logo is only available on Minimog v4.1.0 onwards. View [Changelog](/minimog-theme/changelog)
Square-sized images are recommended.
## How to set up the page animation
Steps:
1. In the theme editor (**Customize**), click **Theme settings.**
2. Navigate to the **Visible in the view** section.
3. Select your **Animation** type and adjust the animation duration.
4. Click **Save**.
As readers scroll up and down the site, the animation, when enabled, is triggered once the element comes into view. A little bit of animation in the loading process can add some flair, impress users, and get their attention.
_QTKE9rBu.gif)
_SJ5VdKQv.gif)
_CLJdDSAz.gif)
_EVok2hI4.gif)
_zwhqcd7v.gif)
You can also set a **Duration** for the Animation. The animation duration is the length of time that an animation takes to complete one cycle.
Simply tweak the toggle. The time can be set between 0.1s-1s.
**Most sections** come with animation settings.
You can either set the section loading effect to each of the sections (if available) individually; or inherit the global settings that you set in your **Theme settings** > [**Animations**](broken://pages/SGDj3xqfmiaVH9ejAAMv).