CSS view transitions

The CSS view transitions module defines the behavior of the View Transition API, which allows developers to create animated transitions between different states within a document and across documents. This module also defines the CSS properties and pseudo-elements for styling these transitions.

Reference

Properties

At-rules and descriptors

@view-transition
- navigation descriptor

Selectors and pseudo-elements

Interfaces

Guides

Using the View Transition API: Explains how to create view transitions and customize transition animations, including manipulating active view transitions.

Related concepts

pagereveal event
pageswap event
Document.visibilityState
CSS animations module
CSS transforms module
- transform
- <transform-function>

Specifications

Specification
CSS View Transitions Module Level 1
CSS View Transitions Module Level 2