The View Transitions API – Frontend Masters Boost
April 5, 2024
Transitioning UI between states has been something that developers have been doing for ages, and yes, you can use things like the Web Animation API as well as CSS transitions and animations for that. But, handling transitions when elements are removed from the page, or you navigate away from a given page, is much harder, particularly when you’re thinking about assistive tech, scroll position, and focus… it’s gnarly
.Untiiiiil now! The View Transitions API has been evolving in the browser both as a proper W3C Candidate Recommendation, and as of this week, the draft for cross-document navigation is in a public working draft!
We’re big fan of View Transitions here at Conffab (we use them very subtly in places already with more experiments underway) and we’ve had some talks on them as well.
Here Cassidy Evans gets us up to speed quickly.
