ATLAS / DESIGN REFERENCE

Reference index / 화면·레이아웃 전환

Shared Element Transition

공유 요소 전환 · dar-e0ccef52769a

A transition connecting the same object across screens so its position and size appear continuous.

When to use it

Moving from a list card to a detail screen.

Caveats and distinctions

Manage focus, navigation history, and reading order during transitions. Distinguish navigation from decorative animation.

Implementation and classification

UI·UX 모션 / 화면·레이아웃 전환

Sources and verification status

https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API

분야 참고문서 · 참고 내용 열람 · 2026-10-28

Source scope and verification status describe the existing catalog record. Publishing this page does not independently re-verify the latest library version, license, or production behavior.

Related references