Scroll-driven animated card stack with scroll snap events đź”—
Dissecting and reworking a very nice demo by Paul Noble. [...]
Bram.us
Posts
CSSNestedDeclarations is coming to all browsers to improve CSS Nesting! đź”—
CSS nesting just got a whole lot better! [...]
Feature detect Style Queries Support in CSS đź”—
Awaiting browser support for at-rule(), here’s how you do it. [...]
Benchmarking the performance of CSS @property đź”—
With @​property now being Baseline Newly Available, I thought it’d be a good time benchmark the impact – if any – it has on the performance of your CS [...]
Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up. đź”—
By adding a long transition-delay to a CSS property under certain conditions (which you can do using a Style Query), you can persist its value. [...]
The CSS Podcast 089: View Transitions đź”—
Last week I joined my colleagues Adam and Una on The CSS Podcast to talk about View Transitions. [...]
Observing Style Changes (2024.09.25 @ devs.gent) đź”—
Slides of the talk “Observing Style Changes” I gave at the September 2024 meetup of devs.gent at the Lemon Ghent offices. [...]
Feature detecting Scroll-Driven Animations with @supports: you want to check for animation-range too đź”—
You want to filter out Firefox’s partial implementation … [...]
A better capturing mode for View Transitions đź”—
What if View Transitions animated the clip-path, border-radius, opacity, … properties for you by default? And what if it preserved the hierarchy of th [...]
Animate to height: auto; (and other intrinsic sizing keywords) in CSS đź”—
Use the interpolate-size property or the calc-size() function to enable smooth transitions and animations from lengths to intrinsic sizing keywords an [...]