← Back to index

5.3 Infinite Scrolling Client Logo / Name Marquee

Heydays · doubled list, CSS mask, translateX(-50%)

  • Aidn
  • Google
  • Huddly
  • Dinesen
  • Equinor
  • Kahoot!
  • SNØ
  • Varier
  • Aidn
  • Google
  • Huddly
  • Dinesen
  • Equinor
  • Kahoot!
  • SNØ
  • Varier

Edge fade uses mask-image linear gradient. The track duplicates the full client list so -50% translation loops seamlessly. With prefers-reduced-motion, the ticker stops and wraps.

Names are illustrative; Heydays’ live list reflects current work.