36 / Type

Marquee

A band of text running sideways under its own power, whether or not you touch the page. Hover to stop it.

also called ticker · infinite scroller · running band

The one effect here that ignores scroll entirely — it gives a page a pulse when nothing else moves. Duplicate the content exactly once and travel -50%; that is what makes the loop seamless.

How it is built

.row { width: max-content; animation: slide 26s linear infinite } @keyframes slide { to { transform: translateX(-50%) } } /* the content is duplicated once, so -50% lands exactly on the seam */