UI // Click & Drag Button
Hello friends,
here a button element contained a slider to confirm the action. The break generated by the slide gesture is an extra check that helps to reduce the number of mistake during a decisive part of the user experience.
Also, this kind of gesture is mainly mobile-friendly and it may be awkward on desktop.
The prototype is been realised with SCSS, JQuery and GSAP.
Feel free to check the design and inspect the code on Codepen.
Leave any feedback or comment!
Thank you (:
animation
button
buy
checkout
codepen
concept
confirm
css
dailyui
drag
flat
interaction
microinteraction
motion
progress
prototype
slider
ui
ui design
user interface
View all tags
Posted on
Sep 28, 2020
More by Cosimo Scarpa View profile
Like