← 返回全部术语
入场与布局转场 / TERM 056

交叉淡化Crossfade

旧图淡下去,新图接上来。

056
LIVE PREVIEW
画面 A画面 B淡出 ↔ 淡入
✦   MOTIONLEX

01 这个效果是什么

两个视觉状态的透明度交错变化,避免切换时闪白。

02 可以这样告诉 AI

让主题图片切换时旧图淡出、新图同步淡入,约 300ms;过渡期间容器高度固定,图片加载失败时保留旧图。

03 做好后看什么

  • 慢网速下不会出现空白
  • 减少动态效果时仍可完整使用