Marquee
Text or logos scroll horizontally in an infinite loop. A staple of agency sites, fashion brands, and announcement bars.
Also called: infinite scroll text, ticker, scrolling banner
Design
✦
Develop
✦
Deploy
✦
Delight
✦
demodesigngallery.com
—
demodesigngallery.com
—
demodesigngallery.com
—
Two rows, opposite directions
How it works
Duplicate the content, animate translateX(-50%) in a loop. When the first copy exits, the second is in identical position — seamless loop.
- Pause on hover:
animation-play-state: paused - CSS-only — no JavaScript needed