Blog

Scroll-Driven Animations and View Transitions

animation-timeline with scroll() and view() takes an animation's progress from the scroll position instead of time and has been Baseline since October 2026; view transitions animate a DOM change between two snapshots. The post adds a reading progress bar, cards that appear as they scroll in, a sorting animation, withViewTransitions() in Angular and cross-document transitions, which Firefox lacks, to Bookstore.