Theme transition test bench

Swipe lab

Pick a transition, then flip the theme. Each option uses the same View Transitions API snapshot, but swaps the clip or mask animation on the new root view.

Swipe variant

Selected

Diagonal sweep

The DeepWiki-style slash moving from the upper-left edge.

CSS hook

html[data-theme-transition="diagonal"]::view-transition-new(root) {
  animation-name: reveal-diagonal;
}