GSAP Marquee (Divi)

Endless lanes of images, logos, cards or words, animated with GSAP from Moduly. Hover a lane to ease it to a stop; scroll the page to speed it up. With reduced motion the lanes stay still and scroll by hand.

1. Vertical product columns

Three columns (two on tablet and phone), alternate directions, speed boosted by the scroll, ease to a stop on hover. Items link to the shop.

2. Logo rows

Image only, two rows running opposite ways at slightly different speeds, desaturated logos (Design › Image › Filters) on white tiles, slows on hover and follows the scroll direction.

3. Word ticker

Title only, one lane, no edge fade, keeps moving on hover.

4. Hover effects and lane directions

Each card can react when the pointer reaches it — zoom out, zoom and turn, pan, or a 3D tilt towards the pointer — while every lane gets its own direction. Titles can sit over the image, above it or show only on hover, and the lane edges can fade into the section colour.

Zoom out on hover · text over the image, shown on hover · edges fade into the section colour · lanes up, down, up

Zoom and turn anticlockwise from the top · text line above the title · centred

Pan up · text over the image at the top · reduced motion: slow drift

3D tilt towards the pointer (every way) · text in the middle · lanes down, up

Rows: tilt left–right only · rows run right, left · edges fade into white