🏠

About this tool

This tool is part of https://scroll-driven-animations.style/ and should help you get a grasp of the params for the scroll() function.

Use the radio buttons to change the params

⚠ī¸ Your browser does not support Scroll-Linked Animations so these demos will not work. Please use Chrome 115 or newer.

scroll(<scroller> <axis>)

<scroller>
<axis>

I am the box. My background animates on a Scroll Timeline. Use the controls above the change the <scroller> and <axis>

Here is some more text to make sure this box itself is scrollable:

Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate quo magnam enim inventore tenetur corrupti. Ex fuga laudantium reiciendis aliquam cumque molestiae quibusdam similique doloribus voluptas et ullam, tenetur dicta.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate quo magnam enim inventore tenetur corrupti. Ex fuga laudantium reiciendis aliquam cumque molestiae quibusdam similique doloribus voluptas et ullam, tenetur dicta.