Counter-running Marquee

Overview

Stack three oversized bands and reverse the middle band. Duplicate each band exactly and move the track by half its total width on a linear loop. A slight common rotation gives the stack a poster-like crop.

Build

1. 01

   Create a repeat unit containing a short phrase and a separator, with all spacing inside the unit.

2. 02

   Place two identical units in a width-max-content flex track.

3. 03

   Animate the track from 0 to -50% over eight seconds with linear easing; reverse only the middle row.

4. 04

   Invert the middle band colors and rotate the complete stack by five degrees.

5. 05

   Check the first and last frames for a seamless join. Keep labels outside the moving stack.