入场与布局转场 / TERM 051

页面转场Page Transition

从旧页面自然进入新页面。

051

LIVE PREVIEW

页面 A页面 B点击链接 → 换页

✦ MOTIONLEX

01 这个效果是什么

在路由切换时保留视觉连续性，让用户知道自己从哪里来、到了哪里。

给列表到详情页加入克制的页面转场：旧内容淡出，新内容从下方 12px 淡入；切换期间保持页面容器高度稳定，导航和浏览器历史行为照常工作。减少动态效果时立即切换。