Animations
A guide to add animations your page
🌟 Settings for Animations are available on Zest version 6.0.0 and above 🌟
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 Enable page transition.
- 5.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.
.gif?alt=media&token=b2304fb3-4987-4aac-8542-8687034eebd5)
Steps:
- 1.In the theme editor (Customize), click Theme settings.
- 2.Navigate to the Animations 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
.gif?alt=media&token=b4e93ef5-8d9d-47e2-af83-0a0923ebf484)
.gif?alt=media&token=ce8db52d-8869-4abb-b1fa-752fbae035f9)
.gif?alt=media&token=3700ad8c-5bf8-422e-a750-c75bcdc455eb)
.gif?alt=media&token=30cdf397-62f2-4555-b0d1-75bc58302ed0)
.gif?alt=media&token=1120ce53-72f9-49d4-82e5-4217cdb20379)
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.
Last modified 3mo ago