Website animations can be used to add visual effects while loading the page like fade in, fade out, scale down and others. This will add a flair to your website when the user scrolls the pages.
In this article:
Edit Website Animation
Animations can make a website visually interesting and bring life to all the elements that are present on the website. They create a more engaging and immersive experience for users.
Navigate to Animation from the Design section’s (1) Animation tab (2). It will be applied site-wide and will affect all the elements on the entire website.
- By default, Slide Up animation will be applied on the entire website.
- Select None if you want to disable the animations.
Style
- Fade In – Gradually reveals elements by increasing its opacity from transparent to opaque.
- Slide Up – Smooth movement of elements on the screen from a lower position to a higher position.
- Scale Up – Gradually increases the size or scale of an element.
- Scale Down – Gradually decreases the size or scale of an element.
- Reveal – Gradually unveiling or revealing the elements on the screen.
Speed
The rate at which an animation transitions from one state to another. It determines how quickly or slowly the animated changes occur on the screen.
There are three option to choose from: Slow, Medium and Fast.
If you are using an old template, you may not see the Animation option. You need to switch the website to a new template. Know More
Check out the Slide Up Animation live in action:
