Sie stellen sicher, dass der Text mehr als die doppelte Breite des Bildschirms hat, und verwenden dann negative translate-Animationen, um die Laufbandbewegung auszuführen.
Sie möchten wahrscheinlich aria-hidden auf alle außer einem der Elemente setzen, wenn Sie den Text duplizieren müssen. Oder Sie können einen sehr cleveren CSS-Trick verwenden, um den Text mit text-shadow zu "duplizieren".
Es ist schön zu sehen, dass prefers-reduced-motion dabei ist und den Effekt stoppt, wenn es sein sollte.
Funktioniert es nicht unter iOS? Oder zumindest nicht bei mir.
Aber ich bin sicher, es ist interessant.