Improve user experience with dozens of new animation options in your editor. Use them to grab attention, trigger interest and direct user interactions.
Animate In, Animate Out
You can now reverse the direction of the scroll triggered animation to control whether the animation eases in or out. Animations include:
Here’s how to create fresh interactions between two elements, using both in and out scroll animation:
Pause and Unpause Animations
Use the pause button on the left side panel to pause animations that are designed to disappear off the screen, so they stay visible while you edit.
Note: The pause animation is only relevant when editing, which means your live site and preview will still show the animations.
In addition to the new scroll effects, below you’ll find new entrance triggered animations. Use them to draw attention to elements such as CTA's or social icons.
Where to find animations
Access the Animation controller in the design editor of any widget and element that allows for animations.