# 缩小推移（Scale Push）

镜语 · 特效与转场 / 运动与缩放

- 别名：缩小卡片转场、卡片推移、缩放滑动、Scale Out、Zoom Slide
- 口语：「画面先缩小成一张卡片再滑走」「像手机里左右划照片那样换下一张」
- 一句话：前画面先缩成卡片，与后画面一起推过，再放大铺满
- 是什么：缩小推移先把前一个画面缩成画框里的一张卡片，然后前后两张卡片一起横向推过，后一张到位后再放大铺满。中途能看到画面之外的背景
- 缺了就不像：前后画面先缩成卡片；卡片横向推过
- 加了更像：四周露出背景；到位后再放大
- 适合用在：好物合集、穿搭合集逐个切换；把多段素材串成「一张张翻过去」的感觉；作品集、案例展示
- 看哪里：看中段：两张画面都缩小、四周露出深色背景，像在手机相册里左右划动；最后地铁画面重新放大到满屏
- 注意：每次都用会显得像幻灯片模板；画面缩小时细节变小，主体太小的素材不宜
- 描述示例：做 Scale Push 缩小推移转场：画面 A 先缩小到约 70% 成为卡片，和同样缩小的画面 B 一起从右往左推过，四周露出深色背景，B 到位后放大铺满全屏
- 易混：
  - [推拉转场](https://idea.ameng.dev/terms/slide-transition.md)：推拉转场画面始终满屏；缩小推移推的过程中两张都缩成卡片
  - [卡片交换](https://idea.ameng.dev/terms/swap-transition.md)：卡片交换是前后纵深换位；缩小推移是左右平移
- 相关：[滑动覆盖](https://idea.ameng.dev/terms/slide-over.md)

## 来源与延伸阅读

- [GL Transitions · DirectionalScaled（Thibaut Foussard，MIT）](https://github.com/gl-transitions/gl-transitions/blob/master/transitions/DirectionalScaled.glsl)

网页版（含演示）：https://idea.ameng.dev/terms/scale-push