Create an Infinite Text Banner in Webflow

Поділитися
Вставка
  • Опубліковано 22 сер 2024

КОМЕНТАРІ • 51

  • @carlosmera4793
    @carlosmera4793 2 роки тому +1

    That intro was hilarious! Thank you for this!!

  • @sandiebeauty2067
    @sandiebeauty2067 Рік тому +1

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

  • @furleysbrain
    @furleysbrain Рік тому +1

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

  • @user-mg2wj1ln5g
    @user-mg2wj1ln5g 3 місяці тому

    thank you nice animation

  • @anisbenhaddada447
    @anisbenhaddada447 2 роки тому +1

    Amazing Nikolai! Keep up these great videos 🤟😎

    • @NikolaiBain
      @NikolaiBain  2 роки тому +1

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

  • @callumnoble8962
    @callumnoble8962 2 роки тому +1

    Cheers mate, just what I was looking for.

  • @reynafigueroa3097
    @reynafigueroa3097 Рік тому

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

  • @CullenKuch
    @CullenKuch 2 роки тому +3

    So easy and helpful, thanks for this!

  • @surendarr2177
    @surendarr2177 Рік тому +2

    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

  • @studybeats7784
    @studybeats7784 2 роки тому +1

    Simply but great! Thank you

  • @17shirts6
    @17shirts6 Рік тому +1

    Thank you, this was very helpful!

  • @yasins8713
    @yasins8713 7 місяців тому

    Thanks saved me a ton of time! Liked!

  • @untitlelife
    @untitlelife Рік тому +1

    Thank you Nikolai :D

  • @danielabaigorri
    @danielabaigorri Рік тому

    Thanks for the tutorial! Super easy to follow.

  • @backupbackb.u.b136
    @backupbackb.u.b136 Рік тому

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

  • @tusharhegde8174
    @tusharhegde8174 4 місяці тому

    Thats a Great one thanks man

  • @AmanMehra-jo7ks
    @AmanMehra-jo7ks Рік тому +1

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

  • @boxoffisa
    @boxoffisa 2 роки тому +1

    Thanks man.

  • @marteung
    @marteung Рік тому

    Ot WOOOOORKS! thanks so much!

  • @surendarr2177
    @surendarr2177 Рік тому

    Thank you brother ❤

  • @RocknRollCEO
    @RocknRollCEO 2 роки тому +3

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

  • @twbashar
    @twbashar 2 роки тому +1

    Great ONE.

  • @filetmignon9978
    @filetmignon9978 2 роки тому +3

    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
      @NikolaiBain  2 роки тому

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

    • @filetmignon9978
      @filetmignon9978 2 роки тому +1

      @@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

  • @user-br3yx1ht9m
    @user-br3yx1ht9m Рік тому

    THANKS

  • @alexsialenz
    @alexsialenz 2 роки тому +1

    Trialing this now!

  • @delcinaRose
    @delcinaRose Рік тому +1

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

  • @pedromartins8821
    @pedromartins8821 2 роки тому +1

    thanks dude

  • @bonnysvan
    @bonnysvan Рік тому

    thank youuuu

  • @kiliandreher
    @kiliandreher Рік тому

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

  • @gustavodias1936
    @gustavodias1936 Рік тому

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

  •  2 роки тому

    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?

  • @s0nia.t
    @s0nia.t 2 роки тому +1

    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
      @NikolaiBain  2 роки тому

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

    • @omerbenbaron576
      @omerbenbaron576 Рік тому

      same, help? @NikolaiBain

    • @hayleekim2063
      @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.

  • @Thehouseoftatum
    @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

  • @stratosphere8888
    @stratosphere8888 8 місяців тому

    What app do you use?

  • @markjohnfrancisco5713
    @markjohnfrancisco5713 Рік тому

    Mine is not moving. Can you please help.

  • @meissamaytreia8683
    @meissamaytreia8683 2 роки тому

    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
      @NikolaiBain  2 роки тому +1

      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
      @meissamaytreia8683 2 роки тому

      @@NikolaiBain Yess, thank you for the answer!

  • @andreamilojevic4517
    @andreamilojevic4517 2 роки тому

    this is not working :(

    • @NikolaiBain
      @NikolaiBain  2 роки тому

      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
    @uscmelanie Рік тому

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

    • @jeicarolacv
      @jeicarolacv 3 місяці тому

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