A rather geeky/technical weblog, est. 2001, by Bramus
This talk by Patrick Brosset is one of my favorite talks from this year’s CSS Day Conference. How do browsers actually recalculate styles when webpages change? Can the way you write CSS impact the speed of the recalculation process? In this talk, we’ll go through the details of how browser engines react to DOM changes …
: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
:has() in use?
Great post on style invalidation in Blink, written by Byungwoo who implemented :has() in Blink.
When you combine Scroll-Driven Animations with Custom Properties, Style Queries, and Transitions you hack your way into creating Scroll-Triggered Animations.
Brilliant work by Roman Komarov. Using the cyclic dependency invalidation and space toggles to select one value from an entire list. Cyclic Dependency Space Toggles →
Introducing scroll-driven-animations.style, a website I built to support the launch of Scroll-Driven Animations in Chrome 115.
@starting-style
Remember the “Yellow Fade Technique” from back in the day? With Modern CSS this is now SUPER EASY to recreate!
