Animated Fill Text

Start scrolling…

This component accepts a single text element (paragraph or heading). The text will "fill" as the user scrolls. You have multiple control points for text color and scroll behavior, but it's imperative that you only use one text element per component instance. You'll also need to use custom offset timeline values if you place this component near the top or bottom of the page as this affects scrolling range.

…the end.