Reference index / 화면·레이아웃 전환
FLIP Layout Animation
A layout technique measuring before and after positions, applying an inverse transform, then animating to the final state.
Try the example
When to use it
Optimizing rearrangement and resizing.
Caveats and distinctions
FLIP stands for First, Last, Invert, Play; it is not a CSS command. Original educational implementation; not cross-browser or accessibility certification.
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.