marquee-loop

name	marquee-loop
description	用复制的条目实现无缝无限跑马灯循环。

跑马灯技能

何时使用

• 设计需要为 logo、证言、截图、标签或简短特性 chip 做无缝无限循环时。

工作流程

1. 复制条目序列，让首尾完美衔接。
2. 用从 0 到 -50% 的线性 transform 驱动轨道动画。
3. 保持条目宽度稳定，防止循环时跳动。
4. 当跑马灯进入或离开板块时，遮罩或淡化边缘。
5. 仅当交互有用时，才在 hover 时暂停或减速跑马灯。
6. 用静态包裹或极慢的移动来尊重 prefers-reduced-motion。

护栏

• 不要对用户必须仔细阅读的独一内容做动画。
• 不要对每个移动条目使用占用大量 CPU 的重阴影或滤镜。