Create an Infinite Text Banner in Webflow

[@JaimzHodge]

You almost had me there with the intro, that was great!

[@furleysbrain]

Perfect tutorial. Thank you for a short intro, concise illustrated points, and no filler

[@carlosmera4793]

That intro was hilarious! Thank you for this!!

[@NikolaiBain]

Haha thank you Carlos! 🤩

[@sandiebeauty2067]

Amazing, I loved it. keep going. The tutorial on KZbin till now clear and to the point. Best wish .

[@jcpfmc]

thank you for this helpful tutorial! how would you go about adding a pause on hover effect to the banner?

[@anisbenhaddada447]

Amazing Nikolai! Keep up these great videos 🤟😎

[@NikolaiBain]

Thanks a ton Anis, plenty of good ones coming up 🤩🎸

[@yasins8713]

Thanks saved me a ton of time! Liked!

[@reynafigueroa3097]

Thank you! I was busting my brain on this one. Really appreciate it.

[@callumnoble8962]

Cheers mate, just what I was looking for.

[@17shirts6]

Thank you, this was very helpful!

[@studybeats7784]

Simply but great! Thank you

[@danielabaigorri]

Thanks for the tutorial! Super easy to follow.

[@untitlelife]

Thank you Nikolai :D

[@CullenKuch]

So easy and helpful, thanks for this!

[@surendarr2177]

what to do when we have two different banner section anyone is set as primary but the other banner section animation is not working can you help me in this problem

[@carlosalvarez8776]

It is actually working! thank you!

[@backupbackb.u.b136]

Amazing! Thank you so much, this was extremely helpful.

[@delcinaRose]

I did not notice when the "wrapper" was added. Is this just a div block containing the section or a diff element?

[@tusharhegde8174]

Thats a Great one thanks man

[@boxoffisa]

Thanks man.

[@surendarr2177]

Thank you brother ❤

[@Akshaykanojiya-m2d]

thank you nice animation

[@marteung]

Ot WOOOOORKS! thanks so much!

[@twbashar]

Great ONE.

[@NikolaiBain]

Thank YOU. 😁

[@AmanMehra-jo7ks]

Hey but it's not working on the breakpoint, How can we fix that problem

[@pedromartins8821]

thanks dude

[@alexsialenz]

Trialing this now!

[@NikolaiBain]

let me know how it goes 😉

[@stratosphere8888]

What app do you use?

[@gustavodias1936]

its work perfectly but, when switching to mobile, the banner desynchronizes, how i can fiz it? thank you

[@filetmignon9978]

What I've noticed though, is that when you go to a different size viewport you can see the text snapping back because of the pixel diff. At least that's what happened for me

[@NikolaiBain]

Interesting, let me know if you see that in this example :) developfolio.webflow.io/ and if so let me know what browser!

[@filetmignon9978]

@@NikolaiBain its very very subtle but way better than the result I got. I must've messed up a little part somewhere lol. thx for the reply

[@s0nia.t]

thanks for this tutorial!! having some trouble animating 2 different banners on the same page, when one works the other one remains static 😩😩😩 do you know how to fix this?

[@NikolaiBain]

Check out this preview link of one of my templates where 2 banners are working :) preview.webflow.com/preview/developfolio?preview=e36692f4fd95cf8460b8e385555ccd90

[@omerbenbaron576]

same, help? @NikolaiBain

[@hayleekim2063]

I had the same issue and I figured it out. We need to set the animation effect as a class. Instead of a selected element.

Let's say you were using this animation with images, or other content that is variable width or that a client might change - is there a way to use percentages rather than pixels?

[@bonnysvan]

thank youuuu

[@eduardogonzalezflores-r6b]

THANKS

[@Thehouseoftatum]

Hi can this be exported and added to an existing theme in Shopify? I would like to create components in webflow for Shopify not a whole theme. Thanks in advance

[@kiliandreher]

I can't get the overflow to work. It always enables horizontal scrolling. You know I could be doing wrong?

[@markjohnfrancisco5713]

Mine is not moving. Can you please help.

[@meissamaytreia8683]

the rotation is not working on preview :( everything is perfect but when I hit preview the banners turn straight again, what am I doing wrong?!

[@NikolaiBain]

Hey Meissa! The rotate has to be on the banner (parent) element, not on the element that's moving. If I add a rotate to the text, it will snap back to being straight because of the transformation. Let me know if that makes sense :)

[@meissamaytreia8683]

@@NikolaiBain Yess, thank you for the answer!

[@RocknRollCEO]

"30,000 pixels and copy paste 400 times..." 😂😂😂

[@andreamilojevic4517]

this is not working :(

[@NikolaiBain]

Hey Andrea, you can finding a working example of this here: developfolio.webflow.io let me know if you need more info on how to get it working!

[@uscmelanie]

way to fast... didn't work well for me

[@jeicarolacv]

change the duration... to me I had to set it to 130 seconds to achieve what I was looking for.