css: Dreieck hüpft im Rechteck

[Jörg]

Hallo Rolf,

vielen Dank.

.play-button {
    transition: transform 0.5s; /* Übergangszeit für das Dreieck */
    width: 100%;
    height: 100%;
}

Dann muss ich aber den Button auch noch runterscalieren, damit er erstens nicht zu groß ist und zweitens beim hochscalieren innerhalb des FRechtecks bleibt.

codepen

Gefällt mir aber jetzt gut.

Und wie bekommen ich das mit dem Laufband hin?

Zudem wäre es natürlich schön, wenn das laufbad mit der Schrift nicht einfach von rechts nach links fährt und dann neu anfängt, sondern quasi durchgehend läuft, ohne dass der Hintergrund des Laufbandes verschwindet und wieder neu einsetzt.

Gruß, Jörg