滚动相关 · 滚到哪、变到哪
视差Parallax
- 有纵深
- 沉浸
- 慢
背景比前景移动得慢一些，制造出前后错开的深度感。
什么时候用它
大图、封面等装饰性背景可以用；文字和控件不要做视差，会让操作变得难以对准。
参数
background offset = scroll distance × 0.3 · linear · only transform
配方
只动 transform视差 → background offset = scroll distance × 0.3 · linear · only transform
给 AI 的一句话
给这个封面区加视差：滚动 400px 时背景层只移动 120px（0.3 倍），前景正常滚动，只用 transform，linear。