Scroll-driven Animations
Create smooth scroll-driven animations that respond to the scroll position, with precise visual controls directly in the page builder.
Scroll-driven animations link element animation directly to the scroll position, creating smooth, continuous effects as you move through the page.
Animate elements by moving them horizontally or vertically, scaling or rotating them, fading or blurring them, and combining multiple properties into one coordinated motion. This makes it easy to create anything from subtle parallax movement to more advanced scroll-driven effects.
Build animations visually and control how they progress on scroll. Add multiple stops to define start, intermediate, and end values along the animation sequence. By default, the animation is distributed evenly between stops, but you can also position each stop precisely by setting its percentage.
Set the easing to control the speed of the animation over time and define start and end offsets to adjust when it begins and finishes as the element enters and leaves the viewport. You can also limit animations to specific breakpoints, so they only appear where they work best across different screen sizes.
This gives you precise control over scroll-driven motion directly in the page builder.
