Animations

Learn to add visual effects to your page by using Animations in the Block Settings.

Animations

Animations can add a lot of personality to your page. We thoughtfully designed these animations to make your website appear more responsive and intuitive to your users, encouraging your audience to explore further and feel engaged with your content.

With Animations, you can add motion to each individual Block as the page loads and scrolls. Select the type, direction, delay, and duration of your animation.

To add Animations:

  • Hover over the block you want to customize and click Edit.
  • In the sidebar, click Animations to access the Block Animations Settings:

textblockanimations

Type

  • Fade

fadeanimationtext

  • Flip

flipuptextanimation

  • Zoom

zoomtextanimation

Direction

  • Up
  • Down
  • Left
  • Right
Tip:
Be mindful of the time; Animations should be timed around the 100ms to 1 second "sweet spot" where users can recognize the animation without being confused but at the same time aren't delayed or removed from their flow of engagement.

Animation Delay

The number of seconds before the element begins its animation once a visitor reaches the section.

Animation Duration

The number of seconds the animation will last.

Contact support or access our 24/7 Live Chat:

Contact Support Live Chat

Previous Article

Background settings

Next Article

Time Reveal

Need Help? Chat With Us Now!