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.

Presenter

John Rhea — University of Virginia

Log in for session materials

Sign in to view the recording, slides, and other exclusive session resources.

Unlock unlimited access

Premium, affiliate, student and institutional members get unlimited access to the Professional Development Library. Become a paid member.