Skip to main content

Tile and section animation (viewport effects)

Add entrance animations to tiles and sections that trigger as visitors scroll. Covers types, speed, and disable options.

Written by Troy Villasanta

Animated elements can add life to static content and pages of your microsite. This feature, also showcased on this site, will impact audience engagement and improve the user experience when used sparingly.

For a video walkthrough of the animation options available, see the guide to using tile and section animations in Zoomforth.

Animations can improve the visibility of call-to-action buttons, help highlight key content, and help prolong engagement when used as transitions for storytelling or simulations, etc.

Animations can be applied to tiles and sections from the site editor.

To enable or disable tile or section animation:

  1. Select the tile or section.

  2. Open the Action tab.

  3. In the Animation section, click the Add Animation dropdown.

  4. Select your preferred animation from the list.

  5. Choose your preferred animation speed.

  6. (Optional) Enable Set animation on repeat.

  7. Click Done Editing Tile or Done Editing Section.
    ​

The animation can be removed when you click the Remove Animation button next to the type of animation selected from the Add Animation drop-down.

Did this answer your question?