多层景深
3–5 层背景以不同速度移动，配合 perspective: 1px 与 translateY()，营造纵深与空气感。
风格信息
类别通用风格
年代2020s 现代
复杂度高
最适合品牌叙事 · 产品发布 · 年度报告 · 作品集
第 02 章 · 手法
三种镜头语言
视差叙事的核心不是炫技，而是用速度差制造景深、用滚动位置控制节奏、按章节渐进揭示信息。
滚动触发
用 IntersectionObserver 监听章节入场，position: sticky 钉住关键画面，滚动即分镜。
渐进揭示
信息按 600ms 节奏逐段浮现，永远给读者「再往下一点」的悬念；并提供跳过与减少动态的出口。
「滚动条不是进度条，
而是观众手中的放映机。」 —— 视差叙事设计手记
第 03 章 · 道具
按钮与控件
悬停上浮、按下回落、禁用褪色——所有状态都走 600ms 的电影缓动曲线。
第 04 章 · 来信
预约一次叙事咨询
告诉我们你的故事梗概，我们来设计它的滚动分镜。
第 05 章 · 色彩
章节配色板
随故事而变的分段色板：夜空、暮色与雾白构成基础景深色。
#0B1B33#24406B#FF8C5A#F5C97B#F6F1E7#1C2A42第 06 章 · 字幕
字体级阶
故事在滚动中展开
第 02 章：山与雾的速度差
正文保持安静与克制，把注意力让给画面。滚动时，文字以 600ms 的节奏轻轻浮现，像字幕一样伴随镜头。
CHAPTER 02 · 视差层