Scroll highlight
An example of creating a scroll-triggered skill showcase with dynamic highlighting in Motion.
Introduction
The Scroll highlight example shows how to create a dynamic skill showcase where items highlight as the user scrolls through the page. This creates an elegant reading experience that draws attention to each item as it moves through a specific viewport region.
This tutorial uses the inView function from Motion to detect when elements enter a custom scroll zone, then applies CSS classes to highlight the active item.