demo · v140

Inheritance Tree

The four pseudo-elements that make up a view transition — ::view-transition, ::view-transition-group(*), ::view-transition-image-pair(*), ::view-transition-old(*)/new(*). Pre-140 only animation-duration propagated; post-140 animation-delay joins it.

pre-140 post-140

::view-transition                 → animation-delay inherits
  ::view-transition-group(*)      → animation-delay inherits from parent
    ::view-transition-image-pair(*) → inherits from group
      ::view-transition-old(*)     → inherits
      ::view-transition-new(*)     → inherits

see also