Jump to content


  • Posts

  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

kevchcm's Achievements

  1. I am having the same issue, where you able to find a solution for this?
  2. I was checking this example and using the Macbook trackpack the scroll jumps 2 panels instead of one, do you know what may be causing that issue?
  3. @GreenSock That is exactly what I need, thank you so much!
  4. @GreenSock I have another problem. I have images on the graphic so the animation has to go like this 1.Graph Area appears 2. Image appears 3. Image disappears 4. Graph area disappear and so on and on I try to create two different timelines and adjust the times, but the images and the graphs areas always get out of sync It's there I way I can have image image link to a graph area so they always have the correct timing? Here is my updated codepen https://codepen.io/godhandkiller/pen/poPoWyd
  5. Thank you, that is exactly what I needed. I just added a delay of 2 seconds on the last ".to" so the color stays a little longer
  6. Hello, sorry if this is a dumb question, I think is more easier that what I'm make it out to be. I have a rada graphic and I need to show multiple colored areas but I need to create a "scale in & scale out" (sorry for the phrase, I don't know exactly how to call this type of animation) animation for every single area, so when I show one I have to scale out before the next one.
  7. Hey, I have a question with an animation I'm doing. I have like text message bubbles and when you scroll they need to appear but when the bubbles are near the end they start overlapping each other. How can I make them keep the same space during the timeline?
  8. I had no idea the svg had direction! Thank you for the tip, I was able to change my svg and now the animation works as intended
  9. That's what I thought but I just wanted to confirm, thank you! I have a follow up question on the drawSVG plugin https://codepen.io/godhandkiller/pen/bGBjRmR I have this code pen where is kinda like a timeline, so the section in the right the svg draw is working correctly because it's starts from the center to the right But the left side is wrong, it should start from the center to the left. It's there a way to do that?
  10. Got it! I'll let them know so we can upgrade. Thank you for the help!
  11. Hey guys I have a question and I wanted to know if this is possible to do. I have a timeline with a ScrollTrigger gsap.timeline({ scrollTrigger: { trigger: element, scrub: 0.5, start: 'top bottom-=15%', markers: true } }) .to(element, {yPercent: -100}) .from($(element).find('.heading'), {yPercent: 20}, '<') .from($(element).find('.description'), {yPercent: 20}, '<') .fromTo($(element).find('.svg-path'), {drawSVG: "0"}, {duration: 1, drawSVG: "100%"}) .to(element, {opacity: 0}, '>-0.2') On this timeline I have multiple tweens, one of those is a drawSVG, but I don't want that svg animation to be attached to the scroll, so basically I just want the animation to appears once the svg is on the viewport. It's there a way to separate that single tween from the ScrollTrigger scrub? Or do I have to make another ScrollTrigger just for that drawSVG animation?
  12. Like I said, I don't want my company to add my personal account. I did add the solution in a reply
  13. I just wanted to follow up on this, I did find the solution on my company's account dashboard they had this command npm install gsap@npm:@gsap/shockingly Which is totally different from all of the tutorials, since I assume that install line was the same I never asked for it.
  14. I keep getting this error using that command, I double check with company for the token number (I'll check another time just to be sure) but do you know if this error has to do with the token? or can it be something else I'm missing?
  15. I'm sorry but I have a hard time understanding. My company gave me a token, so from what I understand it's that if I have that token (which has the membership) I should be able to use it in my project. I don't want them to link my personal account, because I want to use the company account that's why I have the token. So I don't understand how is GSAP checking my project or how does it know my personal account doesnt have the membership if I already put the token with the membership account.