A collection of records and CDs with the letters B. A. E. on them.

Infinite Scaling Smooth Scroll Animation w/ Lenis and GSAP

11.22.2023
by
Web Bae

Bureau DAM's hero section features a delightful infinite scaling smooth scroll animation that alternates between an SVG of it's name and portfolio carousel. In this video I'll show you how to create the same effect in Webflow with a little bit of Custom Code in Javascript. We'll leverage the power of Lenis Smooth Scroll with it's infinite scroll feature in addition to GSAP ScrollTrigger to tween our scale values and transform origins.

DEMO/CLONE
TUTORIAL
CODE

See the Pen Splide Slider by learyjk (@learyjk) on CodePen.

Acknowledgements: