Search the Community
Showing results for tags 'modal windows'.
Hey ya'll, New to gsap and draggable, trying to mimic a "Pull Down to Dismiss" effect like you will commonly see in native mobile apps. I am sure I am doing to something wrong and could really use some guidance. I have to set my animation duration unrealistically high to accomplish the effect which makes using the then promise from gsap.to - overall where I am at feels hacky, but I can't seem to find a good path in docs. Below is an example of what I am hoping to achieve on all popular mobile browsers: Pen:
I'm trying to mimic these CSS modal windows - http://tympanus.net/Development/ModalWindowEffects/. I've centered the modal in the stylesheet, on click, it appears, and I'm using 'from' to animate towards the center. However, I close, then re-open and it doesn't re-animate. Wanted behaviour - click button, slide in window. Click again, hide the window. Simple modal window, but can't seem to get the window to re-animate.