Same-document view transitions

[hvanops]

Description

Same-document view transitions allows developers to create animated transitions between states of a document. This is done by capturing a static capture of the old and new pages, and animating between them.

Interop 2024 proposal

Specification

https://www.w3.org/TR/css-view-transitions-1/

Additional Signals

Developer Surveys

• View transitions was Rename Compat 2021 to Interop 2021 #3 on browser interoperability list (based on the freeform question - Which existing HTML features or browser APIs are you unable to use because of browser differences or lack of support?) in State of HTML 2023

• State of CSS 2023: Shapes & Graphics
  Number of comments asking for cross-browser support
  “No.2 Not supported in all browsers”
  “No.3 Still not using it because of browsers's incomplete support - looking forward for it, it's a wonderful feature imo.”
  “No.5 I'm not really interested in this API until there's at least one other vendor implementation. Right now it feels like it might be Chrome only.”

Standards Positions

• Chromium - shipped in M111

• Gecko Positive
  See official standard position

• WebKit Positive and shipped in Safari 18.0
  See official standard position

Tests

https://wpt.fyi/results/css/css-view-transition

[captainbrosset]

In preliminary results to the State of CSS 2024 survey, View Transitions came up as the 5th most common answer to the question "Are there any existing CSS features that you have difficulties using (or avoid altogether) because of lack of support, or differences between browsers?".

(can't share a link yet as these are preliminary results)