Shared Element Transitions is a proposal for a new script API that allows a simple set of transitions in both Single-Page Applications (SPAs) and Multi-Page Applications (MPAs). This feature enhances the visual polish of pages without requiring a large development effort from developers to make transitions look nice. By selecting from a set of user-agent implemented transition effects, the developers can achieve a polished transition look with minimal effort.
Motivation
This feature allows developers to add polished transitions both to their Single- and Multi- page Apps with a simple API. Without this, the Single-Page App transitions are hard to do, since they require a careful coordination of animations and DOM manipulations to achieve the desired effect. Furthermore, the Multi-page app animated transitions are, for the most part, not possible since each page can only control the contents of its own view.
Documentation
Status in Chromium
In developer trial (Behind a flag)
(tracking bug)
Consensus & Standardization
- No signal
- No signal
- Positive
Owners
Intent to Prototype url
Intent to Prototype threadLast updated on 2022-05-06