← Back to at-rules

CSS At-rule

@view-transition

Animation

Configures view transitions between pages or states in a document.

Syntax

@view-transition { navigation: auto; }

Example

@view-transition { navigation: auto; }

Common use cases

  • Smooth page transitions in multi-page apps
  • Animated state changes without JavaScript
  • Cross-document transitions in modern browsers

Practical developer insight

@view-transition with navigation: auto enables cross-document transitions — one of the most exciting modern CSS features for MPA page experiences.

Related

@starting-style@keyframestransition