How to Create a Scrolling Text Animation (Infinite Loop) - Webflow Tutorial

In this Webflow Wednesday, we have a tutorial teaching you how to create a scrolling text animation on Webflow. This animation will keep playing in an infinite loop on your website. Check it out!

ABOUT US
Unfinished, a Webflow Expert Agency

TRY OUT WEBFLOW, THE BEST WEBSITE BUILDER IN THE HISTORY OF MANKIND EVER:

INTERESTED IN THE VIDEO SETUP?

This video is NOT sponsored. Some product links are affiliate links which means if you buy something we'll receive a small commission.

Don't forget to SUBSCRIBE!

[derricksmith]

I just subscribed. This is clear enough for me to follow along and this is a really cool effect. I am trying to really become proficient with Webflow and this helped me understand a couple of things even outside of creating the infinite text loop.

[stoianpaul]

To make it responsive, two adjustments have to be made.
First: The second "loop-text-inner" has to be in rem units and you have to make sure the last frame you have set using the slider looks identical to the frame from the first "loop-text-inner" (the initial state)
Second: You have to go to the third "loop-text-inner" and in the timing panel choose Start With Previous Action. In the same panel set Delay to 10 seconds.

[mikekurzawski]

I watched so many YT videos on this and couldn't find what I was exactly after - and then I found your video! Thanks so much, it's helped me out massively. You've got another subscriber!

[victoriayelle]

This was amazing! Thank you so so much - I'm just learning Webflow for freelance web design work and you made everything feel so possible. :)

[swirlytwirlz]

Great tutorial! Thank you for also explaining why each step is important - super useful for beginners like me.

[VDOria]

Thank you so much. I've been Googling how to do this for hours with no luck. Your video was the only one that got my desired result, and an easy to follow tutorial. Thanks!

[akshitverma]

thank you mate. I was struggling with this from over 2 hrs until I found your tutorial. you made it easy

[savageandminion]

SUBSCRIBED!! Great video.. this is exactly what I was looking for and you were extremely good with your explanation with it!!

[rachaelblizzard]

Thank you this made the process so easy! I appreciate you making us tutorial 🙂

[bonniekatewolf]

Thank you so much for this. I just created my first Webflow animation thanks to you!

[shreysharma]

Just the video I needed. Huge love fam!

[radityababoe]

Thank you so much! Super clear tutorial, and have used it on my first webflow project :)

[MaditaRichards]

Great video - thank you!! It was actually sent to me by the webflow support team to help me with my moving title!

[ijufkyv]

So helpful! Keep putting this stuff out :)

[samuelyn]

I am sorry for my english but you have made me freeze becuase I never thought that to do this loop of "breaking news" was so easy. Thank you so much and I am subscribed to learn more.

[this_is_mattia]

Hey thanks for this. How's the vw scrollling going to be working with changing devices? Already between webflow and actual browser the animation get screwed because I guess the vw to be scrolled changed depending on the viewport your are actually accessing from. Does it work for you once you publish and access from browser?

[angelamountains]

Hey thanks so much for the tutorial! It was very clear and easy to follow. I just have one small issue at the end :( The animation loops seamlessly on preview mode but when I click publish and view the site on full screen in another window, it does the weird typewriter thing where it comes back to the beginning. Do you have any recs please? I would really appreciate it! Thanks again :)

[trishalasac]

Omg... You got my subscribe brooo
Nice video!!! I like this sooo much!!!
Aspiring web designer here <3