References

While view transitions are a rather new topic, there are some good documents out there to explain them.

Explainers

• The Level 1 View Transition API Explainer at W3C/WICG: https://github.com/WICG/view-transitions/blob/main/explainer.md↗
• The Level 2 View Transition API Explainer at W3C/WICG: https://github.com/WICG/view-transitions/blob/main/cross-doc-explainer.md#pageconceal↗

W3C Drafts

• Level 1: The W3C Candidate Recommendation Snapshot: CSS View Transitions Module Level 1 https://drafts.csswg.org/css-view-transitions-1/↗

• Level 2: The Editor’s Draft: CSS View Transitions Module Level 2 https://drafts.csswg.org/css-view-transitions-2/↗

MDN

• The Documentation of the View Transition API on MDN https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API↗

Introduction by Example

• Jake Archibald’s Same-document view transitions for single-page applications https://developer.chrome.com/docs/web-platform/view-transitions/same-document↗

• Bramus’ Cross-document view transitions for multi-page applications https://developer.chrome.com/docs/web-platform/view-transitions/cross-document↗

• Jake’s eye-opening article on how to handle aspect ratio↗

• A collection of same-page and cross-page examples↗ from Bramus.