Search the Community
Showing results for tags 'modal windows'.
Found 3 results
Flip animationHello everyone! Could you, please, help me with a flip animation. I'm trying to transform a blue circle to a dynamic modal window appended to body. I guess what I made is ... a solution. But I'm sure there should be much cleaner and better way to do this) Black squares are some elements with unknown z-index or in different DOM nodes.
Draggable Pull Down to Dismiss
trifectaty posted a topic in GSAPHey 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:
Modal windowsI'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.