您需要确保文本宽度超过屏幕宽度的两倍，然后使用负 translate 动画来实现 跑马灯效果。
如果您需要复制文本，您可能需要将除了一个之外的所有文本都设置为 aria-hidden。或者，您可以使用 一个非常巧妙的 CSS 技巧 使用 text-shadow “复制”文本。
很高兴看到代码中包含了 prefers-reduced-motion，它会在适当的时候停止效果。
纯 CSS 跑马灯效果
DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 200 美元的免费额度！
在 iOS 上无法正常工作？至少对我来说不行。
但我相信它很有趣。