Scroll Reveal
向下滚动 ↓
元素随滚动逐渐出现
同一组元素用
--d
自定义属性错开延迟,形成 stagger 节奏。
只动 opacity 和 transform,GPU 加速,不触发重排。
触发一次后 unobserve,滚回去不会重播。
缓动函数决定质感
这里用
cubic-bezier(0.22, 1, 0.36, 1)
(easeOutQuint 近似)——快速启动、缓慢收尾,比默认 ease 高级得多。
demo 的配色排版是占位 —— 抄机制,不抄样式(库规范铁律 6)