Satvik

Thank You. It is working as I was expecting it to be.

Hello, According to the helper function loop example, when we pass reversed:true in the config it should loop in the reverse direction, i.e. loop = horizontalLoop(boxes, { repeat: -1, draggable: true, reversed: true}); But I tried giving the config reversed :true. It works fine in reversed order until I hover on the wrapper container, where the loop pauses and plays, after hovering it starts looping in the original direction instead of reverse. Here is example i worked on using reversed: true in config. https://codepen.io/_static/pen/XWoNdpW

Hello. I continued working on the solution given by @Rodrigo, the helper functions of GSAP. What I wanted to achieve right now was to reverse the movement of the cards. I studied the code and also tried some ways to get it reversed, but I am facing a issue here. https://codepen.io/_static/pen/dywOMyX I have copied the template code from the helper function loop example as did a few changes to it. I have commented as // changes are done here. where ever I have done the changes. As you can see the timing and drag function isn't working the way I wanted it to work as. Could you please help me out figuring out what might be the changes that I should be doing to get the correct output? I also tried using reversed:true option that was mentioned in the example but it quiet doesn't work in reverse after hovering on the wrapper div. https://codepen.io/_static/pen/XWoNdpW

Thank you @mvaneijgen and @Rodrigo for your suggestions, I was able to significantly improve the performance and smoothness of my animation. Your willingness to share your expertise and experience is a testament to the strength of this community. It not only helped me solve my immediate challenge but also expanded my understanding of GSAP and animation optimization techniques.

Hello GSAP community, I hope this message finds you well. I'm currently working on implementing an infinite marquee animation using GSAP. I would greatly appreciate any insights or suggestions you might have to optimize this code and make the animation smoother. Perhaps there's a better approach or specific settings I should be using? I'm particularly concerned about performance on less powerful devices and would like to ensure a consistent experience for all users. Thank you in advance for your time and expertise. Your input would be invaluable in helping me improve this animation and learn more about efficient GSAP practices. Looking forward to your guidance and suggestions.