Leverage Scroll-Driven Animations + a Space Toggle or State Query to selectively style an element based on it being scrollable or not.
Solved by CSS Scroll-Driven Animations: Detect if an element can scroll or not
Tag Archives: scroll-driven animations
Scroll-Driven Animations Debugger (DevTools Extension)
Scroll-Driven Animations and View Transitions (2023.06.09 @ CSS Day)
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.
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
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.
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.
