← Library
Sideways motion

Marquee Proof

Testimonials on two rails travelling in opposite directions at different speeds, masked at both edges, pausing on hover.

Difficulty
Standard
Credits saved
~80
Access
Members

Technique

Duplicated track with a -50% translate keyframe for a seamless loop, mask-image linear-gradient for the edge fade, animation-play-state paused on hover.

Choreography spec

none — autonomous loop

  • looptrack A −50% over 38s, track B +50% over 46s
  • hoveranimation-play-state paused on the hovered rail only

Reversibility

Loop is seamless in both directions.

Reduced motion

Animation off, rails become horizontally scrollable.

marquee-proof.prompt
Build a "marquee-proof" section for my landing page.

TECHNIQUE
Duplicated track with a -50% translate keyframe for a seamless loop, mask-image linear-gradient for the edge fade, animation-play-state paused on hover.

SPEC
██████████████████████████████████████████████
██████████████████████████████████████
████████████████████████████████████████████████████

RULES
████████████████████████████████████████████
██████████████████████████████████████████████████

Full prompt unlocks with membership.

Marquee proof

“Clients ask which agency built it. It was a paste.”
Studio Halden
“The pin release is the part nobody gets right. This does.”
M. Ferreira
“Shipped a launch page in an evening.”
Northlight
“It scrubs backwards perfectly. That's the whole trick.”
A. Kowal
“Feels like hardware, not a web page.”
Beacon & Co
“The only motion library I don't have to fix.”
Rae Dutton
“Clients ask which agency built it. It was a paste.”
Studio Halden
“The pin release is the part nobody gets right. This does.”
M. Ferreira
“Shipped a launch page in an evening.”
Northlight
“It scrubs backwards perfectly. That's the whole trick.”
A. Kowal
“Feels like hardware, not a web page.”
Beacon & Co
“The only motion library I don't have to fix.”
Rae Dutton
“The only motion library I don't have to fix.”
Rae Dutton
“Feels like hardware, not a web page.”
Beacon & Co
“It scrubs backwards perfectly. That's the whole trick.”
A. Kowal
“Shipped a launch page in an evening.”
Northlight
“The pin release is the part nobody gets right. This does.”
M. Ferreira
“Clients ask which agency built it. It was a paste.”
Studio Halden
“The only motion library I don't have to fix.”
Rae Dutton
“Feels like hardware, not a web page.”
Beacon & Co
“It scrubs backwards perfectly. That's the whole trick.”
A. Kowal
“Shipped a launch page in an evening.”
Northlight
“The pin release is the part nobody gets right. This does.”
M. Ferreira
“Clients ask which agency built it. It was a paste.”
Studio Halden