CSS ::view-transition-image-pair()

The ::view-transition-image-pair() pseudo-element contains the old and new visual states for a named view transition group.

Syntax

::view-transition-image-pair(root) {
  isolation: isolate;
}

Example

::view-transition-image-pair(root) {
  isolation: auto;
}

::view-transition-old(root),
::view-transition-new(root) {
  mix-blend-mode: normal;
}
Result:

The argument identifies a transition name such as root or a value from view-transition-name.

Important note

It does not take two arbitrary image parameters. The browser creates the pair from captured old and new views.