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.
2025/10/9
articleCard.readMoreB
Bram.us
A rather geeky/technical weblog, est. 2001, by Bramus
A custom --light-dark() function in CSS that works with any type of value (not just colors!) in just 3 LOC
CSS Custom Functions (@function) + CSS if() + CSS color-scheme() = one sweet combo!
2025/10/1
articleCard.readMorePrevent 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.
2025/9/25
articleCard.readMoreReady 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.
2025/9/25
articleCard.readMoreCranking 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
2025/6/20
articleCard.readMoreScroll-Driven Animations with CSS (2025.05.30 @ JSHeroes)
At JSHeroes 2025 I gave a talk on Scroll-Driven Animations.
2025/6/1
articleCard.readMoreSupercharge Web UX with View Transitions (2025.05.28 @ WebExpo)
Slides + Recording of the talk “Supercharge Web UX with View Transitions” I gave at WebExpo.
2025/5/31
articleCard.readMoreWeb animations today and tomorrow (Google I/O 2025)
For this year’s Google I/O, I recorded the session “Web animations today and tomorrow”. Check it out to learn how to guide, inform, and delight users by adding subtle and supportive animations to your web UIs.
2025/5/22
articleCard.readMoreView Transitions Applied: Smoothly animating a border-radius with a View Transition, revisited
Instead of duplicating an animation on the ::view-transition-group pseudo, you can also rely on CSS transitions on the original element … if you’ve set it up correctly.
2025/5/16
articleCard.readMorePolyfilling CSS with CSS Parser Extensions
In April I attended #BlinkOn, the conference for web platform contributors in the Chromium open source project. At the conference I gave a presentation about “CSS Parser Extensions”, a wild idea I have to fix CSS polyfilling once and for all. If you didn’t know, polyfilling CSS features is extremely hard, mainly because the CSS Parser discards what it does not understand. So what if, instead of having authors write their own parser and cascade to polyfill a CSS feature, they could teach the parser some new tricks?
2025/5/5
articleCard.readMore