Jump to content

Search In
  • More options...
Find results that contain...
Find results in...


  • Content Count

  • Joined

  • Last visited

Community Reputation

25 Newbie

About AslanGoi

  • Rank
    Advanced Member

Recent Profile Visitors

539 profile views
  1. @mikel Thanks, Mikel! In my opinion, your alternative is better.
  2. @akapowl Thanks a lot! I tried to add these classes and target them, but didn't go in a right direction.
  3. I found out that it is better to not use reverse(), instead of this I made another codepen, but I still have issue, when you mouseenter first box will not change, but other will work normally: new codepen I still need help)
  4. Hey! I have the same divs with classes called "wrapper" and they both have same elements called "box" inside. When you mouseenter "wrapper" all boxes inside getting filter:grayscale(1) and autoAlpha:0.5 by tween, but also I have another tween which is saying that box that you target must be filter:grayscale(0) and autoAlpha:1. So my problem is that I can't overwrite first tween by second properly, if I add overwrite:true inside tween2 my function will not work at all. What am I doing wrong? Can you help me, please?
  5. I understand this, but sometimes it can't be done without these properties. Thanks a lot, Zach! Now everything is working!
  6. Hey! I have something like a button, on mouseenter event timeline starts play, then on mouseleave I want circle to dissapear and appear on starting point. For the first time it works, but then on second mouseenter timeline not working. What am I doing wrong? Can you help me, please?
  7. Hey, Jack! It's exactly what I was looking for. Thanks a lot!
  8. Hi! I tried to recreate the navigation https://www.steven-hanley.com/ So now I have in my codepen working example, The problem is when deltaX is 0, the animation starts to kill itself in a tick because of overwrite: true. My question is - is it possible somehow kill animation with smooth decay? I mean when my deltaX is 0, the tween should animate position of x to 0 with duration, not immediately. Thanks in advance!
  9. Finally, I found it https://codepen.io/jonathan/pen/QjzZpO
  10. Hey! I'm trying to recreate this menu https://www.steven-hanley.com/ So when you hover on the navigation and move mouse from right to left or opposite, menu starts to scroll. I saw in the forum a codepen with exactly the same vertical effect using gsap, but I've tried to find it all day and nothing. Can someone give me advice from where should I start, please?
  11. Never mind guys about this. All should I do, just move variables: offset = self.offset(), offsetL = offset.left, offsetT = offset.top, inside cursorMove(). 😅 Can I delete my post?
  12. Hey! I have an issue with my offset, if you mouseover text you will see image reveal and mouse follow. So everything is great, but for example I have block above whose height can be changed, so my offset after that will be not right. Can you give me advice, is there any methods in gsap that can update offset()? I thought about gsap.ticker(), but not sure is it right direction or not.
  13. @ZachSaucier I tried disable(), but the same result. With this new method everything is working great! How do you think when new gsap release will be? I'm finishing up my wordpress theme, but I would like to use this method very much.
  14. Hi again! Now I have another issue with window resize, When I reduce window size, the ScrollTrigger doesn't kill() itself, what am I doing wrong? What's working: if I refresh page with small window size, ScrollTrigger is killed and when I increase window size it enables ScrollTrigger, but not in reverse direction with window size deacreasing. Can you help me, please?