Reference index / 화면·레이아웃 전환
Accordion Expansion
Motion changing height or visible area as collapsed content is revealed.
Try the example
When to use it
FAQs and settings groups.
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
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.