上滑淡入 Fade In Up

元素边向上平移边变清晰，落地页滚动叙事最常用的入场动效

上滑淡入

**上滑淡入（Fade In Up）**是透明度与向上位移的组合：元素从略低于最终位置的地方一边上升一边变清晰。它比纯淡入更有“生命感”，又不像弹跳那么闹——是产品官网、落地页出现频率最高的入场动效。

什么时候用：滚动到视口时逐段显现的内容、首屏标题与副标题依次出场。注意与“滚动显现”的配合：位移触发用 IntersectionObserver，动画本身用这段参数。

对 AI 说清楚的三要素：① 位移距离 20~~32px（太大像从别处飞来）；② 时长 0.6~~0.8s；③ 多元素错开 80~120ms，节奏感全靠错峰。

入场动效用上滑淡入（Fade In Up）：元素 opacity 0→1 的同时
translateY 从 24px 回到 0，时长 0.7s，缓动 ease-out；
列表或分栏内容按 80~120ms 逐个错开，形成自上而下的出场节奏。