Skip to main content
Section Animations

Add subtle animations to your sections which will trigger when the section is in view to bring your site to life.

Simon Thomas avatar
Written by Simon Thomas
Updated this week

You can find the animation settings in your section menu next to the Background and Layout settings.

You have three different animation styles "Slide", "Fade" and "Scale". You simply have to click one of these three options to activate and preview them. You can always disable the animation by clicking the "None" button.

With "Play Animation" you can trigger the animation to preview it.

You can also adjust the animation speed to your needs with the settings "Slow", "Med" (Medium), "Fast", and there also is a custom option.

The last setting is the animation "Delay". You can delay an animation start with these settings. The unit for this setting is milliseconds.

With this delay setting you can achieve that sections animate after each other in case they both appear on screen on load for example.

Here are some examples of how the animations look:

Did this answer your question?