How to Webflow: Infinite marquee - Tutorial (2019)

This trick is good for scroll text, testimonials, company logos, etc.

Clone the project here:

Join the Pixel Geek Community:

-------

I've been a web designer since 1995 and I've learned a lot about this industry. Now that I've found my dream job at Webflow, I want to share some of my experiences and knowledge with you in hopes you can find your dream job as well.

The purpose for this channel is to help you design and build better websites, learn more about the business of web design, and empower you to inspire others in this unique creative industry.

-------

Like what you see? Subscribe here:

-------

[rogerridpath]

Nelson - gotta tell you this. You made this like three months ago but today is the day I needed it. Took several trial and errors but finally got it working! Please keep making videos today cuz I might need in in a week or a year!

[robertfigueroa]

wow.thank you very much! this worked perfectly on first attempt.the pace and attention to details were important. definitely subscribed and liked button! i love webflow but just a few months in, and i struggle a bit with the animation. so thank you.

[danielapro]

Damn can't believe you made this more than 2 years ago. I miss these cool tutorials! You're the ultimate Webflow OG!

[baron]

Thanks for this!

For anyone wondering, I made mine so that the images don't resize when the screen gets smaller by:
- Make the "Wrapper" relative
- Make the "Marquee Wrapper" absolute
- Give the "Card" a specific height and width

[samyabbas]

I revisit this tutorial every 6 months — best architecture that I've come across. Thank you Nelson.

[DupontGreenpoint]

Just want to thank you for your delightful and informative tutorials Nelson! Couldn't have done it without you! 😉

[earthtowill]

AWESOME!!! I've been looking EVERYWHERE for this!!!

[juancastrillon]

That was awesome, thank you very much bro, I miss more videos like this.

[jfelixgonzalo]

love the tutorial! what I was looking for!

[Luhman]

Thanks! This was super helpful + easy to follow.

[taiworufuscovenant]

Works perfectly for me so far. Thanks, Sir Nelson.

[shadra]

thanks a lot for your videos! You explain it so well, and they always work in the end. :) thanks!

[OrigamOx]

Nice tutorial, good explained. Thank !

[MrPedroLalli]

Thank you so much. You helped me a lot. Cheers!

[Wildenfree]

Wow Nelson this one was simple & very useful! Thanks! 🙏🏾

[ozordiprince]

Hey man don't know if you're gonna read this but THANK YOU THANK YOU THANK YOU. I've been trying the past 4 hours to get something like this set up. Thanks you kind sur

[normthomas]

haha love the live music à la DaftPunkesque!

[joanapfa]

For months I couldn't find how to do it! Than you

[des]

good one! So useful and so simple. Thank you.

[joechan]

Hi Nelson, great video, thank you for making it! Just wanna ask though, how do I make a marquee that moves vertically and not horizontally? Do I set the div blocks to on top of each other and select hide overview too? And Instead of setting the interaction on the X axis, do I set it on the Y axis instead?