Jump to content


  • Posts

  • Joined

  • Last visited

BebDev's Achievements

  1. Hi guys, Sorry for being a headache, but just found an issue that I when I try to inline style given to the element, it does not work. What I want here is to use clearProps after 2 seconds. After two seconds, what I see is image still hidden. Am I doing something wrong? Cheers!
  2. Hi @GreenSock Thanks so much guys. Seems to be working now !!
  3. Hi guys, I'm trying to change the opacity from 0 to 1 using gsap.from(), but it's not working with scrollTrigger. Am I doing something wrong here? Cheers!
  4. Hi @Carl Thanks so much for the reply. Please check this pen. If I have an array of 10 timelines, each one has an ID of "timeline-" + index. https://codepen.io/abanobakram/pen/XWqNEGN I tried to console the timeline instance on button click, but getting "undefined" Cheers!
  5. Hi guys, I'm trying to give my timeline an ID to be used later, but I'm not sure how can I get the timeline instance by its ID. var myTimeLine = gsap.timeline({ id: "mytimeline123", repeat: 3 }); I need something like this: gsap.getByid("mytimeline123"); Cheers!
  6. You're right, scrub property is not needed. Basically, I want the image to be once I start to scroll until the second section ends. Thanks to you, we managed to achieve that. Now, I want the viewport to be locked on the second section (until the animation of the title Hello World ends), that's why I pinned it in the second timeline. Hope I clarified myself properly. Cheers!
  7. Thanks so much @mvaneijgen for your help. One more question please. If I have another timeline with pin set for the second section. Is there any way I can keep the image pinned until the animation of the second section ends? https://codepen.io/abanobakram/pen/yLjVoRo Now, when the second timeline is trigger, the first one ends and the image scrolls. Is there any way I can use to make the image detects the second section has a pin and should be sticky until the second animation ends? Thanks so much!
  8. Hi there, I'm currently working on a simple project using Scrolltrigger. As you can see in the pen, I'm having two sections, and want to pin the image in the first section until the second section ends so the image position is fixed and stops at this point. Does "end" prop can help me with this? Cheers!
  9. Hi iDad5 akapowl Thanks so much for the valuable information. I greatly appreciate that. I made some progress to understand what should I do when I have a composite path SVG, but with this SVG, I can see a singe 'M' letter in the SVG path, I set the duration to 10 seconds, but the SVG is being drawn in much less time, but if I checked the inspector, the "stroke-dasharray" CSS property is still being changed even after the SVG is fully drawn. https://codepen.io/abanobakram/pen/rNdrqVR Any advice please? Cheers!
  10. Hi guys, I'm having a look on your DrawSVG plugin. I've created SVG using Boxy SVG. Basically, I want to draw the SVG, then fill it with a color. At first, I noticed it takes a lot of time after the SVG is drawn and before the color is filled. So, I checked the console, found that the stroke-dasharray CSS property is being changed even after the SVG should be drawn. Am I missing something? Cheers!