demo · v140

VT pseudos inherit more animation props

Pick duration, timing function, and iteration count. The page writes them ONCE on the group pseudo. Pre-v140 only a handful of animation properties were inherited to old/new; v140 widens the set so a single rule controls the whole sub-tree.

animation-duration

animation-timing-function

animation-iteration-count

Generated CSS (one rule per group; v140 inherits all of these):

::view-transition-group(vt-swatch) {
  animation-duration: 1200ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
  /* All three now inherit to old/new pseudo children in v140. */
}

see also