demo · v140

Clipped Card

Document-scoped view transitions lift the captured snapshot to the top layer where ancestor overflow: hidden and rotations stop applying. Element-scoped fixes that — the rotated, clipped frame still clips and rotates during the transition.

snapshot A

const frame = document.querySelector(".frame");
frame.startViewTransition(() => {
  card.classList.toggle("b");
  card.textContent = card.classList.contains("b") ? "snapshot B" : "snapshot A";
});

see also