Share Posted March 23 Hi everyone, It's been a week since I started learning GSAP and thanks to all of you that helped me I really learned a lot, although I have still a lot to learn and I'm now having a problem with a morphSVG animation that activates on ScrollTrigger, pretty much I have my main blob that animates and also behind i've put a little circle to morph to other objects based on the scroll. When I enter the animation from the top the animation plays well, when i exit from the top same thing happens, but when i want to reverse that animation on exit it only works if i go slow, I've made a much higher duration to understand why and I realised that the animation start but STOPS when the end point gets out of view even if the animation hasn't finished yet. Having a scroll snap active the time between the animation start and the sudden stop is really low and the shape almost doesn't move at all and that causes problems for the next animations, this thing is driving me crazy because it has no meaning for it to stop midway. In the codepen I've set the main blob to transparent so the little dot can be seen for the animation if you want to see the main blob simply change in the css the color from Transparent to somthing else. Thanks in advance for the help ❤️ See the Pen by pen?template=gOdQZZR (@pen?template=gOdQZZR) on CodePen Link to comment Share on other sites More sharing options...
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!Register a new account
Already have an account? Sign in here.Sign In Now