Infinite Auto-Scroll Marquee (Pure CSS, No JavaScript)

A seamless, infinitely-scrolling ticker/marquee for logo strips or tag clouds, built with one CSS @keyframes animation - no JavaScript, no library. The trick: the item list is duplicated once and the track animates translateX(0) to translateX(-50%), so the loop point is invisible. Pauses on hover/focus for readability, fades the edges with a mask-image, and respects prefers-reduced-motion.

Category

Bootstrap 3.0
img binocular Views: 175
Creation date 2026
Author amber

Associated Tags

marquee infinite scroll css keyframes css animation ticker logo strip pure css no javascript no library prefers-reduced-motion mask-image

Related snippets :

Container Queries: A Card That Adapts to Its Container, Not the Viewport (No JavaScript)
Container Queries: A Card That Adapts to Its Co...


Floating Chat Widget with Random Support Agent (Vanilla JavaScript)
Floating Chat Widget with Random Support Agent ...


Command Palette (⌘K) with Native <dialog>, No Library
Command Palette (⌘K) with Native , No L...


Fully Customizable Native <select> with appearance: base-select (No JS Library)
Fully Customizable Native