Casually dropping this here before I start my weekend … 👋
#scrolldrivenanimations #devtools #wip
In this post I share how you can (ab)use Scroll-Driven Animations to fake a `:snapped` selector – a fictitious selector that matches elements that are currently snapped within their scroll-snapping enabled ancestor scroller.
CSS IS FUN, YO! 🤩
#css #scrolldrivenanimations #scrollsnapping
Tweaked the View Progress Timeline Ranges and Animation Progress Visualizer a little bit.
It now persists your chosen settings in the URL (meaning you can share it) and also shows the resulting CSS output.
Introducing scroll-driven-animations.style, a website I built to support the launch of Scroll-Driven Animations in Chrome 115.
🔗 https://bram.us/2023/06/13/introducing-scroll-driven-animations-style/
#css #scrolldrivenanimations #animations
Y'all are ready for this? I almost am!
#cssday #viewtransitions #scrolldrivenanimations #css