页面切换转场 Page Transition

页面跳转时旧页退场、新页入场的一组配套动画，替代生硬的瞬间切换

第 1 页 · 文章列表

第 2 页 · 文章详情

（整页一进一出，交叉淡化 + 反向滑动）

**页面切换转场（Page Transition）**是页面跳转时的“礼仪”：旧页退场、新页入场，两个动画方向配套、时长一致，代替瞬间白屏式的硬切。方向感是灵魂——前进向左、后退向右，用户靠它记住自己在导航流中的位置。

什么时候用：多页文档站、设置页层级、相册翻页。注意克制：转场超过 0.4s 用户就会觉得“卡”，B 端后台高频跳转常直接省略。

对 AI 说清楚的三要素：① 一对配套动画（出和进同时发生，交叉过渡）；② 时长 0.25~0.35s，缓动 ease 系；③ 方向语义（前进/后退反向），移动端可加边缘滑动手势呼应。

站内路由切换加页面转场（Page Transition）：旧页 0.3s 淡出并向左
滑出 28px，新页同时淡入并从右侧 28px 滑入，缓动 ease；
前进与后退方向相反；首屏直出不做转场。