Which version of what browser supports which feature of View Transitions?
Tag Archives: view transitions
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.
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
Supercharge Web UX with View Transitions (2025.05.28 @ WebExpo)
Slides + Recording of the talk “Supercharge Web UX with View Transitions” I gave at WebExpo.
Web 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.
View 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.
View Transitions Applied: Smoothly animating a border-radius with a View Transition
To smoothly animate things like borders as part of a View Transition, you need to duplicate that animation onto the ::view-transition-group. For best effect, have the View Transition separately capture the background and foreground of the element you’re animating.
View Transitions Applied: Dealing with the Snapshot Containing Block
Beware when manipulating the coordinates of the View Transition’s ::view-transition-group(*) pseudo. Depending on where you read those coordinates from, you might end up with layout jumps when writing them back. This post details the pitfalls and how to deal with them, unlocking more performant animations on the ::view-transition-group() pseudo along the way.