Scrollytelling on Steroids With Scroll-State Queries
SMRTR summary
CSS now supports scroll-driven animations natively in Chrome, with Safari and Firefox developing support. The author demonstrates "nonlinear scrollytelling" - a Choose Your Own Adventure-style narrative controlled by scrolling direction, using new CSS features like scroll-state queries, animation timelines, and scroll-initial-target to create an interactive pixel art story where users guide a character through branching paths.
SMRTR provides this summary for quick context. The original article belongs to Daily.dev.
Read the original article