Feedback & Interaction · What a tap feels like
Drag拖拽
- direct
- hands-on
- physical
The element follows the pointer, with the distance entirely up to the user; on release it may stay put or spring back.
When to use it
Use it for canvases, sliders and movable panels; while dragging, the element must track the pointer with no transition in between.
Parameters
transform tracks pointer directly · no transition · on release: momentum (decay 0.95/frame) or rubber-band (damping 0.5)
Recipe
no transitionDrag → transform tracks pointer directly · on release: momentum (decay 0.95/frame) or rubber-band (damping 0.5)
One sentence for your AI
Make this panel draggable: follow the pointer directly with transform and no transition while dragging, and if it is released more than 40px past the bounds, spring back inside with stiffness 300 and damping 30.