The next iteration of view transitions is here!

Chrome's platform is a leading web browser developed by Google, offering insights into web standards, browser features, and web development tools. Through documentation, developer tools, and webinars, Chrome provides insights into building modern web applications and optimizing performance. Developers can learn about web APIs, progressive web apps (PWAs), and Chrome DevTools to create fast, secure, and user-friendly web experiences.

Chrome Developers

Chrome 147 ships element-scoped view transitions, allowing developers to call `Element.startViewTransition()` on a DOM subtree rather than the entire document. This enables multiple view transitions to run concurrently, supports nesting of ongoing transitions, and fixes layering issues with `position: fixed` content while keeping the rest of the page interactive. Key behavioral defaults include self-participating scope roots, automatic containment of nested pseudo-elements, overflow clipping, and automatic application of `contain: layout` and `view-transition-scope: all` on the scope root during transitions. The feature graduated from developer testing in Chrome 140 to stable in Chrome 147 after collaboration with the CSS Working Group.

Chrome 147 enables concurrent and nested view transitions with element-scoped view transitions