Shared-element transition.
Open a small plate as a full proof. The same printed mark expands into the inspection view while focus moves to its title.
Thumbnail · Oxide
- Resting states
- Plate thumbnail → Expanded proof
- Reduced motion
- The proof opens immediately with focus on its title. Closing returns focus to the thumbnail control.
Implementation excerpt
const scale = previous.width / current.width;
plate.animate([{ transform: `scale(${scale})` },
{ transform: "scale(1)" }], { duration: 200 });Where Unvibed uses it
A supported browser carries the selected filmstrip frame into its comparison page. The demo filmstrip