Swipe / drag out a card


i want a simple card to be swipe / dragable, so the user should drag the card out of the viewport so that the card disappears. (so that I don’t need a “close” button inside the card)

i created a basic demo without functionality.

Any ideas how to implement this?


Maybe start here? http://codepen.io/ionic/pen/skbxh/


thanks for your answer. I already have seen this demo, but i actually have no idea how to reuse this for just moving an div vertically and then remove it…


i solved this with the SlideBox and CSS3 Animation for removing the card.

Demo: http://codepen.io/anon/pen/rFehx

1 Like