Marquee Strip
also known asticker · logo strip · infinite scroll band
A horizontally-scrolling band of content (logos, words, images) that moves continuously at a constant speed.
A marquee is a continuous horizontal scroll loop, traditionally used for stock tickers and news crawls. Modern marketing pages use it for logo strips, recurring brand statements, or to add ambient motion to otherwise static sections.
Implemented in CSS with `@keyframes` translating the content -50%, looped infinitely on a duplicated track so the seam is invisible. Should pause on hover for accessibility.
- Logo strips ('used by these companies')
- Brand statement bands
- Testimonial scrollers
- Anywhere users need to read every item — scroll speed prevents it
- +Duplicate the content track so the loop is seamless
- +Pause on hover — `animation-play-state: paused`
- +Respect prefers-reduced-motion
- −Don't use marquees for primary navigation
- −Don't run marquees faster than 60s for a full loop
People also ask
What is a marquee?
A continuously scrolling horizontal band of content — typically logos, testimonial quotes, or feature highlights — that loops infinitely.
When are marquees actually useful?
Social proof rows of customer logos, scrolling testimonials, headline tickers, and brand walls where the looping motion signals 'many of these'.
How do I make a marquee accessible?
Pause on hover and on focus. Disable the animation under prefers-reduced-motion. Make sure all content is also reachable by screen readers as static text.
How fast should a marquee scroll?
Slow — 30–60 seconds for a full loop. A fast marquee feels frantic and is unreadable. Aim for a pace where users could plausibly read each item.