Using Scrolling Effects, you can transform elements on your page as you scroll. The animation's transition is based on the user's scrolling behavior. Once the element enters the browser viewport (top), the animation begins, and it once it leaves the viewport (bottom), the animation ends.