pirrex

Thank you very much @Rodrigo, I've managed to adapt the solution to react. I leave the link stackblitz here.

Thank you @Rodrigo for your reply Here's the best I could do: currentIndex is automatically inserted, but the wrapImg function returns nothing. DEMO : https://stackblitz.com/edit/gsap-react-basic-f48716-ebgh4d?file=src%2FApp.js,src%2Fstyle.css,public%2Findex.html I was inspired by this solution https://codepen.io/GreenSock/pen/wvZjeGN

Thank you very much @mvaneijgen for taking the time to look and create a solution I can see that your demo works perfectly well, but I can't adapt it using useGSAP.

Hi everyone. I'd like to create an animation that plays in a loop and also plays when I scroll. Animation: animates the css clip-path property of the images according to the current index. Currently, when the component is mounted, the animation plays correctly but remains stuck on the last image of the array. And when I scroll, nothing happens. Does anyone have a solution or know where to find the bug ? Thank you in advance Demo link : https://stackblitz.com/edit/gsap-react-basic-f48716-ebgh4d?file=src%2FApp.js I was inspired by the following examples: https://codepen.io/GreenSock/pen/wvZjeGN?editors=1010 https://codepen.io/GreenSock/pen/XWzRraJ?editors=1010