[Fit dragged object within dropzone]

Flip.fit() did the trick! Thanks!

[Fit dragged object within dropzone]

Hi! 

I've got a row with elements which can be dragged inside dropzones. All is working well but I can't get the dragged objects to fit exactly within the dropzone. Can someone point me in the right direction? 

Thanks in advance, 

Pieter

See the Pen jOLxBEv by PMidd (@PMidd) on CodePen

[Create waves effect with GSAP]

Thanks for your quick reply! I will look around for other solutions. 

[Create waves effect with GSAP]

Hi!
I would like to create the following effect with GSAP.
Is this effect possible with GSAP and how can it be achieved? It would be much appreciated if someone can point me in the right direction. 

Thanks, Pieter

See the Pen bGrVwrY by PMidd (@PMidd) on CodePen

[Time]

Ah, nice. Thanks! 

[Time]

const openMenu = gsap.timeline();
openMenu.to("#main-nav", {
    duration: .6,
    y:'100%',
    ease: Power4.easeOut,
});
openMenu.pause();

$('.open-menu').on("click", function(){
    $(this).toggleClass('active');
    if($(this).hasClass('active')){
        openMenu.play().timeScale(1);
    }
    else {
        openMenu.reverse().timeScale(2);
    }
});

Hi guys, 

I'm trying to increase the speed for the timeline reverse. When I try it like shown in my code the reverse does nothing. When I remove the timeScale for the reverse it does reverse but in the same speed as the initial playing speed. Can anyone point me in the right direction? 
Thanks in advance,

Pieter