How to Reverse Animation in Banner-15 Component

Hey! I brought Banner-15 to my project and I was wondering what is the way to reverse the animation on it. So instead of the text running left to right, it runs right to left. I thought it would be as simple as changing the start position of the marquee, but it doesn't work well. Any tips? https://www.relume.io/components/banner-15

👀1

16 comments

Emily M.
·
I guess you would need to change the animation itself in the interactions panel
Emily M.
·
If u share a read-only link I can try to help!
Andre F.
·
Hi Emily M.. Thanks for the help. It would be great. I tried changing the starting point in the animation, but it does not work really well and I'm unsure why. Here is the link 🙂 https://preview.webflow.com/preview/amazing-folio?utm_medium=preview_link&utm_source=d[…]o&preview=8d33493f92859bba0148edfaa21f79b9&workflow=preview
Emily M.
·
Yeah that is weird! I don't know why it's not working. Seems like it would be a really simple fix
Andre F.
·
right? 😞
Emily M.
·
I'm sure Matt J. will be able to help. Sorry I couldn't!
Andre F.
·
No worries! Thank you for looking into it Emily M. 🙂 I appreciate you
😊1
Emily M.
·
Not a problem 😊
Andre F.
·
Any insights Matt J. ? 🤞🏼
Matt J.
·
Andre F. thanks for the bump - got it on my list to take a look at just had a couple of meetings this afternoon.
🔥1
Matt J.
·
Yeah very strange for sure, I've been digging into this and all of the obvious ways to reverse this don't seem to work. There must be some sort of equation that we are missing here. I'll have to put this down for now and come back to it.
🔥1
Andre F.
·
Thanks for the attention Matt J. 🙂
Andre F.
·
Right. I had some thought about this and I found a way out 🙂 it was simpler than I thought and I’m happy it works. In the interaction panel, we were right about changing the initial position to -100% instead of 100%, but there was one extra step we were missing, which was to change the alignment of one of the parent divs. Originally, for the marquee to run left to right, .banner_component needed to be aligned to the right. By alining .banner_component to the left it makes possible for the marquee to run right to left with no gaps. Mystery solved. Thank you all for contributing
👌1
Emily M.
·
Wow, nice find! Well done Andre
🙌1
Matt J.
·
Gosh thats awesome Andre! I was so close...I think I just had the wrong values in the reverse along with the alignment....I love solved mysteries!
❤️1
Zac H.
·
Thanks Andre, I hit this issue today and was pulling my hair out.
🔥1