How the cascade, the animation-fill-mode, and implicit keyframes make things a bit more complicated then you’d initially think …
Combining Scroll-Driven Animations with @starting-style
Category Archives: Original Content
Combining Scroll-Driven Animations with
Solved by CSS Scroll State Queries: hide a header when scrolling down, show it again when scrolling up.
CSS @starting-style debugging is available in Chrome DevTools!
I built something that I needed into DevTools: debugging support for CSS @starting-style rules.
View Transitions Feature Explorer
The CSS Podcast is back! And I’m a co-host now.
The CSS Podcast is back! Together with Una I’m co-hosting season 5 of the show, and we have some good episodes coming your way …
What’s New in View Transitions (2025 Update)
Check out the post I wrote for developer.chrome.com to learn what changed for View Transitions in 2025.
A custom --light-dark() function in CSS that works with any type of value (not just colors!) in just 3 LOC
Prevent clipping issues (and more) in View Transitions by using Nested View Transition Groups
A new View Transitions-related feature we shipped in Chrome 140 is the ability to nest ::view-transition-group() pseudos. This is useful for retaining visual effects such as clipping, move elements as part of a group, etc.
Ready for Developer Testing: Scoped View Transitions
If you thought we were done with View Transitions, guess again! A feature Chrome is working on, is “Scoped View Transitions”, which allow you to scope a VT to a subtree of the DOM. We are actively looking for feedback on this one.
Cranking View Transtions up to 11 (Safely, Maybe) (2025.06.12 – Middlesbrough Front End)
At Middlesbrough Front End 2025 I gave a talk about some of the more exotic applications of View Transitions