入场与布局转场 / TERM 049

错峰入场Staggered Entrance

一组元素按顺序接力出现。

049

LIVE PREVIEW

01 / IDEA02 / DESIGN03 / BUILD

✦ MOTIONLEX

01 这个效果是什么

用短暂的时间差让同一组元素依次进入，比所有元素一起出现更容易看出层级。

让这组 4 张功能卡片在区域出现时依次淡入上移，每张之间间隔约 90ms，整组在 750ms 内完成。只动画 opacity 和 transform；不要让后出现的卡片改变栅格尺寸。减少动态效果模式下一次性展示全部。