Jump to content


  • Posts

  • Joined

  • Last visited

sherry's Achievements

  • Week One Done
  • One Month Later
  • One Year In

Recent Badges



  1. Yeah, thanks for the clarification. Got to invest some time into reading docs 😅
  2. Hi All, I am trying to animate something using scroll trigger (minimal reproducible example in codepen link ). I want to scale the circle to 1 when scroll progress is 25%. And for that reason I tried setting the timeline duration to 4 and the animation duration to 1 but it doesn't work. It still takes the full progress of the scroll trigger to make it scale to 1. Your help is highly appreciated. Thanks Edit: Codepen doesn't seem to be working. Here is a code sandbox instead https://codesandbox.io/s/gsap-scrolll-blimx?file=/src/App.js:0-1097
  3. Thanks. This is gonna help a lot
  4. Hi, I want to animate the helix structure in the circle by possibly making its duplicates so that they are concatenated with each other at their ends and this pattern will repeat itself indefinitely, so that it gives the illusion of one single strand moving forward at 45 degree angle. I hope that it makes sense to you now. Fingers crossed.
  5. Hi, I have a SVG I have created. You can see it by following the link to the codpen url. I want to create an animation to repeat the DNA pattern indefinitely at 45 degrees while keeping it inside the circle. I go no clue where to start :D