滚动相关 · 滚到哪、变到哪
滚动逐词点亮Scroll word illumination
- 读到哪亮到哪
- 像被照着读
- 能倒回去
一整段灰扑扑的文字，随着往下滚，词一个一个从「蒙着雾」变得清晰，读到哪亮到哪；往回滚，后面的词又退回雾里。
什么时候用它
想让用户读慢一点的导语、宣言、访谈用它；正文、条款、需要快速扫读的内容别用 —— 它在替用户决定阅读速度。
参数
threshold per unit = index / total · past units opacity .22 → 1 and blur 1.6px → 0 · 180ms ease-out · tied to scroll 1:1
配方
滚动逐词点亮 → opacity .22 → 1 @ 180ms ease-out条件 threshold per unit = index / total
给 AI 的一句话
让这段文字随滚动逐词点亮：把段落按单位切开（中/日按字、英文按词），每个单位的阈值是它在段中的位置；滚动进度每越过一个阈值，就把那个单位从不透明度 .22、blur(1.6px) 变到 1 和 0，用 180ms ease-out。进度直接绑滚动位置，往回滚要能退回去，不要加弹簧。