入场与退场 · 出现和消失
铰链坠落Hinge
- 被拆掉
- 荡开再掉
- 不可逆
元素像挂在合页上的门板：先往一边荡开，再整块脱开、旋转着掉出画面，掉的时候还保持着倾斜。它比缩小退出多讲了一件事 —— 这东西是被拆掉的，不是被收走的。
什么时候用它
删除一个真实存在的东西时用它 —— 删掉一条记录、移除一个成员、销毁一个对象。要配撤销：这个动效在说的是「没了」，而观众需要知道还能找回来。
参数
transform-origin: top left · transform: rotate 0→80deg · translateY 0→420px · opacity 1→0 · 1200ms ease-in
配方
铰链坠落 → transform-origin: top left · transform: rotate 0→80deg · translateY 0→420px · opacity 1→0 · 1200ms ease-in
给 AI 的一句话
做一个铰链坠落：transform-origin 定在左上角，先 rotate 到 80deg（前 20%），再保持这个角度 translateY 掉 420px、同时 opacity 到 0，整段 1200ms ease-in。origin 不写就是中心，那样它只会原地转，不会掉。