Back to Animations

Elastic Snap

弹性回弹

Element stretches and snaps back like a rubber band with satisfying elastic physics.

Micro InteractionOn ClickIntermediateGPU Accelerated

Preview

Code

Duration

800ms

Easing

cubic-bezier(0.68, -0.55, 0.27, 1.55)

CSS Properties

transform

Use Cases

Button press feedback
Toggle switch animation
Pull-to-refresh indicator
Game UI interactions

Related Animations

bounce-in shake