Getting Started Guide
Step-by-step help on setting up, editing, and publishing your template with Webflow.
GSAP Marquee Animation — Instructions
This Webflow template uses GSAP (GreenSock Animation Platform) to power a smooth, looping marquee. The marquee automatically scrolls and slows down on hover using a dynamic timeline.
Class Naming Structure
This Webflow template uses GSAP (GreenSock Animation Platform) to power a smooth, looping marquee. The marquee automatically scrolls and slows down on hover using a dynamic timeline.
Interaction
The marquee scrolls automatically using a GSAP timeline.
On mouse hover, the scroll slows down smoothly.
When the cursor leaves, the scroll resumes at its original speed.
Animation Code
The custom GSAP animation code is already included in the Global Styles component using an Embed element with the class .gsap-marquee-code.
You don’t need to paste the code manually unless you want to customize it or reuse it elsewhere.
Webflow tutorial: the absolute beginner's guide
New to Webflow? In this tutorial, we'll show you what to expect — and do — when you first sign up for Webflow.
