ATLAS / DESIGN REFERENCE

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

Expand / Collapse Motion

펼침·접힘 모션 · dar-1c69f918a1a9

Motion changing an area's size or the amount of content revealed.

When to use it

Cards, trees, and detailed content.

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