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

Blink>Animation


In developer trial (Behind a flag) (tracking bug)

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

  • No signal
  • No signal
  • Positive

Owners

Intent to Prototype url

Intent to Prototype thread

Last updated on 2022-05-06