Animating modals

[DIWD]

Hi,

 

I'm trying to animate how a modal appears when you click on a link/pic. I have 6 different modals each with the same class ".modal" but different ID's. When I add the: TweenMax.from(".modal", 3, {opacity:0, scale:0, ease: Power1.easeIn}); everything works correct when I click on the first picture to open the modal, it fades and scales in but when I close it and click on either the same picture to open the modal again or click on a different picture to open a different modal, the animation doesn't work. I want the animation to keep working whenever you click to open a modal. I'd appreciate any help to solve this problem. I'm new to GSAP but am having fun with it already!

 

Thanks 

[ZachSaucier]

Hey DIWD,

 

Could you please put what you have so far into a CodePen demo so we can see exactly what setup you're using? It'd help us spot your issue more easily.

 

Thanks!

[DIWD]

Hey Zach, thanks for replying but I eventually figured it all out