Step #5

@media (prefers-reduced-motion: no-preference) {
  .some-element {
    view-transition-name: be-courteous;
  }

  ::view-transition-old(be-courteous) {…}
  ::view-transition-new(be-courteous) {…}
}

Crossfading is the default.