shikari

@akapowl Yes. This is the only one problem I had. Now everything works as expected. Thanks)

@akapowl Perfect. Thank you!

Hey. I want to animate clip-path property so the divider line goes from one corner to another. For that purpose I have two identical sections: one is black, another one is white, they are positioned absolute in one common container. The difference is that the black one has clip-path that makes visible only a half of it and at the same time it covers the white section that is located just underneath. Below I made copies with the same section but another clip-path value, to illustrate how should it go while I'm scrolling. Also I want to make it smooth so probably "scrab" is needed here. All I did wasn't right, cause I didn't get the desired result. My real task isn't just black&white but colored section, so I see clip-path as the only one solution here. I would appreciate any help here.

Hey. I managed to solve it by either using useLayoutEffect instead of useEffect or exclude all React.Fragment which are parents to the animated section.

Hi everyone. I have a problem related to the usage gsap and react. There is a component in which I'm using gsap. The animation is working as expected but when i go from this particular page(the only one that has gsap) to another that doesn't have gsap I have the following errors in console and nothing is get rendered. Wnen I reload the page, errors are gone and everything is rendered. In useEffect return I kill everything that is related to gsap. I also don't have a problem if I remove ScrollTrigger.create({...}) part, therefore I assume problem must be here. Unfortunatelly I don't have an URL with an example. Hopefully you can give me at least suggestions where to look for the solution.

Hey @akapowl. Thanks a lot. This is what I need

Hi! First of I want to thank GreenSock team for such usefull library. You're doing amazing job! I've just started using GSAP and not experienced with that. So what I need is to create an animation on a picture which would first scale down on page load and then scale up on scroll down and scale down on scroll up :) That might sound confusing. Hope you get what i mean. On a codePen link I've attached, I'm trying to accomplish what I explained above. There two gsap blocks: the first one is responsible for the animation which is triggered on load; the second one is for animating the picture when I start scrolling up and down. It doesn't work as I expect. But If I comment either of two blocks the other one will work as needed. So I would appreciate If you help me out with my issue and probably show me best practices of how to do that.