入场与布局转场 / TERM 059

滑入转场Slide Transition

新内容从一侧滑进来，旧内容退开。

059

LIVE PREVIEW

BEFORE → AFTER

旧画面新画面 ✳

滑入转场

✦ MOTIONLEX

01 这个效果是什么

两个内容状态以方向性位移衔接，适合有前后顺序的页面或步骤。

步骤切换时让旧面板向左淡出、新面板从右侧 24px 滑入；返回上一步时方向反转，动画结束后焦点进入新内容。