Skip to content
All effectsCard

Marquee / Logo Loop

Two identical halves; moving by exactly -50% loops with no seam.

Pure CSSCardPro

Usage

Meant for

CarouselList ViewNavbar

Examples

On a Card

Two identical halves; moving by exactly -50% loops with no seam. Each logo carries its own right margin instead of a gap, so the halves really are identical. The mask fades both ends so logos do not pop in at the edge — the part most implementations forget.

Trusted by teams at
AcmeGlobexInitechUmbrellaHooliStarkAcmeGlobexInitechUmbrellaHooliStark

The class is wm wm-marquee-logo-loop — the first half is the marker the trigger and reduced-motion rules hook into, the second is the effect.