Scroll Cascading

Scroll Cascading multiplies the title introduced by setting different opacitys gradually and revealing them on scroll.
Titles number will determine the number of titles to generate at the cascading, including the default set.

Distance between titles: Similar to a line-height this control will determine the distance to set between titles.
Scroll units: The amount of distance to scroll while Scroll Cascading is pinned. Each scroll unit represents 1 vh.

Trigger: the element that will fire the animation on scroll. Use the keyword “this” to use the element itself as the trigger.
Start: determines the position of the Trigger to fire the animation. “top bottom” means when the top of the element hits the bottom of the viewport.
Scroller: the element that will act as the scrolling viewport. It is the body by default.

– Tamu