用途：GSAP Flip 通过 First、Last、Invert、Play 机制，在 DOM 状态改变前后捕获并补间位置、缩放与旋转，实现无跳变的布局动画。适合布局切换、元素重排、尺寸过渡与响应式变化。
主要能力：捕获初始状态 Flip.getState(targets)，在 DOM 修改后以 Flip.from(state, {...}) 播放过渡。支持 absolute 绝对定位、fade 交叉淡入淡出、scale 缩放替代宽高、onEnter/onLeave 进出场、absoluteOnLeave，以及 data-flip-id 匹配元素做交叉淡入。可与 ScrollTrigger 组合，也支持 staggered 与嵌套元素动画。
使用方式：安装 npm install gsap，引入并注册 import { Flip } from 'gsap/Flip'; gsap.registerPlugin(Flip)。基本流程为先 const state = Flip.getState('.box')，再修改 DOM，最后 Flip.from(state, { duration: 1, ease: 'power2.out' })。
限制与注意：必须在修改 DOM 前捕获状态；Flex/Grid 重排通常需 absolute；交叉淡入需匹配 data-flip-id；建议批量 DOM 变更并仅在必要时使用 absolute；移动端布局动画表现可能不同，需实测。其余收费、价格与效果资料暂未提供。