Infinite Marquee
Continuous scrolling with interactive mouse control
01
Basic Left-Moving
Default direction with data-hover-style="text" indicator:
DESIGN • DEVELOP • DEPLOY • DESIGN • DEVELOP • DEPLOY •
02
Right-Moving Direction
Reversed direction with data-hover-style="icons" (icon-only indicator):
STRATEGY / BRANDING / MOTION / STRATEGY / BRANDING / MOTION /
03
Speed Variations
Control speed with data-speed (default: 1):
Slow (0.5)
Apple / Nike / Spotify / Airbnb / Apple / Nike / Spotify / Airbnb /
Fast (2.0)
Google / Meta / Netflix / Tesla / Google / Meta / Netflix / Tesla /
04
Mouse Control (Desktop)
Move mouse to control playback with data-hover-style="minimal" (dot indicator):
Rewind Zone Pause Zone Forward Zone
INTERACTIVE — CONTROL — INTERACTIVE — CONTROL —
On touch devices, tap to toggle pause.
05
Image Marquee
Image content with data-hover-style="progress" (speed bar indicator):