Jump to content


  • Posts

  • Joined

  • Last visited

DeDX's Achievements

  1. The solution was to initialize gsap.selector inside useLayoutEffect and to use a completely different timeline for motionpath instead of chaining it with tweens. Thank you cassie and greensock for help!
  2. Here's the codesandbox: https://codesandbox.io/s/gsap-transition-snap-react-p421y5 I want the building to smoothly disappear when it hits the trigger point. Instead of animating, building just snaps to opacity: 0.
  3. Hello! I want to move the purple block along the path I've draw in the SVG. This is one section of my website which uses gsap all over the page. Rest of the page can be easily selected using the ref but when I use MotionPath, It throws Invalid scope and Target not found error. Here's the codesandbox: https://codesandbox.io/s/gsap-motionpath-react-bkscsf?file=/src/App.js Thank You!
  4. First of all thank you for answering. I did what you suggested and it works great! I've been working with GSAP recently and really loved hanging around in the forums, everyone is so helpful around here. Looking forward to creating great animations.
  5. Hello! I'm new to gsap and I'm trying to implement this animation in my project. Is there any simpler way to do this? What I'm thinking is to make a function which makes current screen to negative transformX and reveal the image viewer under it. I'm finding it hard to implement those colored bars which follow the transition from right to left. Here's the video: https://we.tl/t-pjHc3wYqcU