To actually see the background animating as part of a transition, the snapshots that make up the card (but not its contents – which are captured separately) need to be hidden while the transition runs. View Transitions with a Border Radius (2/3 – Workaround, with random text + background animation –fixed) by Bramus (@bramus) @keyframes adjust-group { from { border-radius: 0.25rem; background: #ccc; border-width: 2px; } to { border-radius: 3rem; background: lightblue; border-width: 8px; } } ::view-transition-group(card) { box-sizing: border-box; border: 2px solid black; animation-name: -ua-view-transition-group-anim-card, adjust-group; } :active-view-transition-type(shrink)::view-transition-group(card) { animation-direction: normal, reverse; } ::view-transition-image-pair(card) { display:…