CSSViewTransitionRule

Want more browser support for this feature? Tell us why.

CSSViewTransitionRule CSS @view-transition

CSSRule

navigation: @view-transition navigation
types: @view-transition types

CSSRule

@view-transition navigation types

css

@view-transition {
  navigation: auto;
  types: slide, rotate;
}

document.styleSheets[0].cssRules @view-transition CSSViewTransitionRule navigation types types types

let myRule = document.styleSheets[0].cssRules;
console.log(myRule[0]); // CSSViewTransitionRule @view-transition 
console.log(myRule[0].navigation); // "auto"
console.log(myRule[0].types); // ["slide", "rotate"]


CSS View Transitions Module Level 2 # cssviewtransitionrule

@view-transition
API

MDN

MDN 2026413

GitHub

CSS (CSSOM)
CSSViewTransitionRule
1. navigation
2. types
1. CSSRule
CSSOM
1. CSS
2. CSS
6. CSS value serialization