@view-transition

Controls the browser's native view transition feature. It can be used to enable or disable transitions for specific elements or across the entire document during state changes.

Quick example

@view-transition {
  /* Opts the entire document into automatic view transitions for multi-page navigations */
  navigation: auto;
}

@view-transition Browser Support

Limited availability 82% global usage

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Not ready for production without a fallback.

126+
18.2+
126+
Interop 2026 focus area ? Learn more →
ESC