Technical review: Add view transition types documentation

[chrisdavidmills]

Description

Chrome and Safari have both supported view transition types (see https://chromestatus.com/feature/5089552511533056) for a while, so it is high time I got them documented on MDN.

This PR adds:

• A guide covering view transition types under the view transition API landing page.
• Some extra features and cleanup on the startViewTransition() ref page.
• A ref page for the :active-view-transition-type() pseudo-class.
• Extra links and cleanup (maybe) for the :active-view-transition ref page.
• Documentation for the @view-transition at-rule types descriptor.
• Ref pages for the CSSViewTransitionRule interface, which represents the @view-transition at-rule in the CSSOM.
• A ref page for the ViewTransition.types property.
• A ref page for the ViewTransitionTypeSet interface.

Motivation

Additional details

Related issues and pull requests

[github-actions]

Preview URLs (13 pages)

• /en-US/docs/Web/API/CSSViewTransitionRule/navigation
• /en-US/docs/Web/API/CSSViewTransitionRule/types
• /en-US/docs/Web/API/CSSViewTransitionRule
• /en-US/docs/Web/API/Document/startViewTransition
• /en-US/docs/Web/API/ViewTransition/types
• /en-US/docs/Web/API/ViewTransitionTypeSet
• /en-US/docs/Web/API/ViewTransition
• /en-US/docs/Web/API/View_Transition_API/Using_types
• /en-US/docs/Web/API/View_Transition_API
• /en-US/docs/Web/CSS/Reference/At-rules/@view-transition
• /en-US/docs/Web/CSS/Reference/Selectors/:active-view-transition-type
• /en-US/docs/Web/CSS/Reference/Selectors/:active-view-transition
• /en-US/docs/Web/JavaScript/Reference/Global_Objects/Set

Flaws (1)

Note! 12 documents with no flaws that don't need to be listed. 🎉

URL: /en-US/docs/Web/CSS/Reference/At-rules/@view-transition
Title: @view-transition
Flaw count: 1

• broken_links:
  • Can't resolve /en-US/docs/Web/CSS/declaration-list

External URLs (9)

URL: /en-US/docs/Web/API/View_Transition_API/Using_types
Title: Using view transition types

• https://developer.chrome.com/docs/web-platform/view-transitions/cross-document (1 time) (Note! This may be a new URL 👀)
• https://developer.chrome.com/docs/web-platform/view-transitions/same-document (1 time) (Note! This may be a new URL 👀)
• https://mdn.github.io/dom-examples/view-transitions/mpa-chapter-nav-multiple-transition-types/ (2 times) (Note! This may be a new URL 👀)
• https://mdn.github.io/dom-examples/view-transitions/mpa-chapter-nav-transition-types/ (2 times) (Note! This may be a new URL 👀)
• https://mdn.github.io/dom-examples/view-transitions/spa-gallery-transition-types/ (2 times) (Note! This may be a new URL 👀)

---

URL: /en-US/docs/Web/API/ViewTransition/types
Title: ViewTransition: types property

• https://developer.chrome.com/docs/web-platform/view-transitions/ (1 time) (Note! This may be a new URL 👀)
• https://mdn.github.io/dom-examples/view-transitions/mpa-chapter-nav-multiple-transition-types/ (1 time) (Note! This may be a new URL 👀)

---

URL: /en-US/docs/Web/API/ViewTransitionTypeSet
Title: ViewTransitionTypeSet

• https://developer.chrome.com/docs/web-platform/view-transitions/ (1 time) (Note! This may be a new URL 👀)

---

URL: /en-US/docs/Web/CSS/Reference/At-rules/@view-transition
Title: @view-transition

• https://mdn.github.io/dom-examples/view-transitions/mpa-chapter-nav-transition-types/ (1 time) (Note! This may be a new URL 👀)

(comment last updated: 2025-12-03 10:40:09)