Animations

A guide to add animations your page

This setting is only available on Minimog c3.5.0 onwards. View 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.

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

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.

None

Fade in

Fade in up

Fade in left

Fade in right

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.