Conveyor Rail

A marquee strip that runs on a CSS animation rather than a scroll handler. The track is duplicated once and translated by exactly half its width, which is what keeps the loop seamless whatever the content length. Speed is a duration variable, so the strip does not drift or stutter when the tab is busy elsewhere.

Three variants ship: a logo rail with fixed-height SVG slots, a text ticker with a separator glyph, and a slower image band. Hover pauses the track, and so does keyboard focus landing inside it, so a link in the strip can actually be reached and read. The edges fade with a mask instead of clipping. Direction and speed are set per instance.

Good for a client logo strip, an announcement bar, or a footer of certifications. It is not a carousel: no arrows, no dots, no snapping, and bolting those on would fight the loop. Under prefers-reduced-motion the animation is dropped and the track becomes an ordinary horizontal scroller that can be swiped or scrolled by hand.