demo · v140

VT pseudos inherit animation-delay

Each card has its own animation-delay set on its ::view-transition-group pseudo. In v140 that delay is inherited by the ::view-transition-old and ::view-transition-new children — so the stagger is set in one place. Press flip and watch the cards reveal in sequence.

delay 0ms

delay 200ms

delay 400ms

v140: setting animation-delay on the group inherits to old/new pseudo children — staggered reveal with one rule per group.

::view-transition-group(c2) {
  animation-duration: 800ms;
  animation-delay: 200ms;          /* v140: inherits to */
}                                  /* ::view-transition-old/new(c2) too */

see also