入场与退场 · 出现和消失
淡出Fade out
- 轻
- 收着走
- 不回头
元素在原位慢慢变透明,直到什么都不剩。位置、大小、形状全都不动 —— 所以观众看到的是「它走了」,而不是「它被拿走了」。它和淡入不是同一条曲线反过来:进来是减速(越走越慢,像停下来),出去是加速(越走越快,像离开)。
什么时候用它
内容完成使命、且不需要观众记住它从哪来时用它。如果这个位置马上有新内容接上,改用交叉淡化;如果想让观众感觉东西是被「收走」的,改用缩小退出。
参数
160ms · ease-in · opacity: 1→0
配方
淡出 → 160ms · ease-in · opacity: 1→0
给 AI 的一句话
给这块内容加 160ms 的淡出,用 ease-in 曲线(加速离开),只改透明度,不要位移、不要缩小。注意别用 ease-out —— 那是入场的曲线,用在退场上会显得拖泥带水。