It took me a whole day to finally get the swipe gesture smooth on the web (desktop and mobile) using jQuery and CSS3. I wrote the script from scratch to calculate the drag point and make sure that it passes the threshold, before animating the card with CSS3 in sequence. It's harder than it looks when it comes to replicating animation in a browser compare to a native app.
You can see it live here: http://www.travelistly.com/
Make sure you visit the page on mobile and select any story on the list and start swiping,
Let me know what you think!
L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
© 2019 Dribbble. All rights reserved.
Take our community survey and get an amazing giveaway and font discount.
Minimum 6 characters
Uh oh… We’re still waiting for our spam prevention code to load.