Un-doom your scroll: CSS scrolling animations

You can’t do anything about people obsessively ingesting negative news, but you can make that scrolling just a bit brighter and more delightful: CSS-based scroll-driven animations. With the new CSS Scroll-Driven Animations Module, you can now liven up that scroll with just CSS. Create scroll-driven progress bars. Turn cards over as a visitor scrolls them into view. Reveal content when it’s visible on screen. Match animations and illustrations with text. The possibilities are infinite even when the scroll isn’t.

Note: This session assumes a basic proficiency with CSS animations and keyframes.