6; background: green }
#negative7 { view-transition-name: negative7; background: green }
#negative8 { view-transition-name: negative8; background: green }

#container {
  display: grid;
  grid-template-columns: repeat(3, 100px);
  grid-gap: 10px;
}

html::view-transition-group(*) {
  animation-play-state: paused;
}

html::view-transition-new(*) {
  animation: unset;
  opacity: 0;
}

html::view-transition-old(*) {
  animation: unset;
  opacity: 1;
}

html::view-transition-group(root) {
  display: none;
}

ht