Entrance animations let you animate s and page s when they are first loaded on your site. Motion and interactivity makes your site more memorable and can emphasize the sections you want visitors to focus on, like a phone number or a contact button.
Additionally, you can control where the animation starts and ends on the screen by using the Scroll settings.
When adding animations, keep in mind the following:
- Too many animations can disorient or distract users, so use them sparingly.
- When removing an animation, remember that animations can be applied to rows as well as s, so the animation you are seeing might have been added somewhere unexpected.
To add animations:
- Right-click any row or to open its context menu.
- Hover over Animation and select one of the following:
- Entrance. Select an entrance animation from the list that animates widgets when they are first loaded on the site.
- Scroll. Select an animation from the list to animate widgets when the user scrolls to the widget.
- Customize. Select the trigger for the animation (either Entrance or Scroll), and select an animation from the list. For entrance animations, then select the Duration, Delay, and Intensity for the animation. For Scroll animations, then select the Viewport Top, Viewport Bottom and Intensity.
To reset the animation, click Default Settings.
Animations are available from the context menu on mobile and tablet devices. The effects are device-specific and you may define different animations per device. If you have previously defined an animation on desktop, tablet and mobile devices will not automatically inherit the animation. You must select an effect from the context menu for that device.
Remove Animations
To remove entrance animations:
- Right-click any row or widget to open its context menu.
- Hover over Animation, and then hover over Entrance or Scroll, and select None.