A rather geeky/technical weblog, est. 2001, by Bramus
overflow: clip, not overflow: hidden
If you create a scroll-driven animation and find that scroll(nearest) is not working, check for overflow: hidden elements up the DOM tree and change them to overflow: clip.
Combine Scroll-Driven Animations with @property, transition-delay, calc(), sign() and abs() … and you can do Scroll Detection using only CSS!
I was a guest on Jason Lengstorf’s “Learn With Jason” stream. We talked about Scroll-Driven Animations.
Leverage Scroll-Driven Animations + a Space Toggle or State Query to selectively style an element based on it being scrollable or not.
:snapped selector
(Ab)using Scroll-Driven Animations to apply styles on elements that are snapped within their scroll-snapping enabled ancestor scroller.
With a little bit of JavaScript, you can control 3D models and videos using Scroll-Driven Animations