kohlej

Hi everyone, I attached a codepen demo that shows intersection observer with gsap animation. Everything works as intended, but I ran into problem if I wanted to have completly different animations for each element. I did this using multiple intersection observers (not shown in demo), but that I assume would be a hit on performance and also bad for DRY code. I made it very simple in demo, but the real examples would be animating different elements with different animations, so for sake of keeping it simple, let's say I want each box to be translated form different side. What kind of approach would be needed to put everything in one intersection observer? Is there any codepen example I can try to savlage of?

Any info about this plugin? At least the name of it, so we can bother you guys with questions about it

Hi @ZachSaucier, Sorry for late replay. Thank you for helping, it works great

Hello guys, I'm trying to create a animation for hover on menu links. My code isn't doing what I want, and I couldn't find solution that didn't include jQuery. So my question is, how do I get animation play for each link? Right now if you hover over link 'Home', it runs animation for all links in menu, I'm guessing I need each loop? Also, if I hover over other links, it won't run. Same problem? Thanks in advance

Thanks Zach for info. I will look into it, and if struggle with something, I will make sure to make codepen with my use case.

This might not be the best place to ask since ScrollMagic is not a part of GSAP, but the community here is really strong, and it is kinda related, so I'm hoping for answers. What's best alternative to ScrollMagic? I heard of ScrollWizardry but it's just ScrollMagic in modern environment? I want to animate many elements with different tweens, some with same, when the reach the specific point of scrolling, which won't always be the same. Thanks in advance ?