状态之间的转换 · A 变成 B
交叉淡化Crossfade
- 平滑
- 同时
- 不打断
旧内容变透明的同时新内容变清晰，两者有一小段重叠，中间不会出现空白。
什么时候用它
同一位置的内容被替换、且新旧两块没有共同元素时用它；有共同元素时用“形变”会更连贯。
参数
200ms · ease-in-out · each layer 200ms, overlap 100ms
配方
每一项 layer 200ms, overlap 100ms交叉淡化 → ease-in-out
给 AI 的一句话
把这块内容的切换改成交叉淡化：旧内容透明度 1→0、新内容 0→1，各 200ms，ease-in-out，中间重叠 100ms，不要出现空白。