Hi all,
I’m struggling with fine tuning a simple loop animation on some parts of the text. It’s almost there but not entirely sure how to polish it off. Most likely, it’s to do with the move action. It would be great to get some insights into how to solve it and learn from it for the future cases!
Thanks a lot,
Adam
Here is my public share link: Text Loop Animation
(how to access public share link)
Set fixed height to all text items
Hi Ove,
Thank you so much for the reply and for getting me through your thinking step by step- really appreciate it!
Your suggestions almost work! Ive amended it all as per your instruction but it’s still not quite there yet. When I preview the animation, I get a glitch of the first word ‘social’ above the main body of text. Also, is there a reason why you decided to go with pixels rather than another type of measure? It would be great to have it fairly responsive to other screen sizes.
If you have a moment to have another look at it, it would be fantastic! Thank you so so much once again:)
You can use any units actually.
Try this way.
Hi Ove,
Thanks for the link to your Loom- it looks like youre putting the last move action to 0 which I think is the key. However, as you can see in my Loom, there is still some weird skipping at the end of the loop. I did remove the 5th text which was the repeat of the first one- shall I keep it?
https://www.loom.com/share/597a4d76177c49b7af01cff49f3df041?sid=b20b9670-b95f-48db-9a12-0721f0afe7bc
Yes, you should keep it. It resets the animation to the initial state, so it can loop
Hey,
I’ve tried to use this webflow site (Infinite Text Rotation / Changer (Seamless Loop) - Webflow) as a base for my website. I’ve set it up the same way but it’s still not working. The animation that happens in the middle is working all well- it’s the beginning/ending/looping that’s not there. Do you have any other ideas? Thanks once again.
