Solved by CSS Scroll-Driven Animations: Detect if an element can scroll or not Leverage Scroll-Driven Animations + a Space Toggle or State Query to selectively style an element based on it being scrollable or not. Read Post →
Scroll-Driven Animations Debugger (DevTools Extension) A DevTools extension to visualize and debug Scroll-Driven Animations Read Post →
Scroll-Driven Animations and View Transitions (2023.06.09 @ CSS Day) Backstory, slides, recording, and more of my talk at CSS Day 2023. Read Post →
Faking a :snapped selector with Scroll-Driven Animations (Ab)using Scroll-Driven Animations to apply styles on elements that are snapped within their scroll-snapping enabled ancestor scroller. Read Post →
Synchronize videos, 3D-models, etc. to Scroll-Driven Animations With a little bit of JavaScript, you can control 3D models and videos using Scroll-Driven Animations Read Post →
Creating Scroll-Triggered Animations by combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions When you combine Scroll-Driven Animations with Custom Properties, Style Queries, and Transitions you hack your way into creating Scroll-Triggered Animations. Read Post →
Introducing scroll-driven-animations.style Introducing scroll-driven-animations.style, a website I built to support the launch of Scroll-Driven Animations in Chrome 115. Read Post →