Back to Animations

Elastic Scale

弹簧缩放

Element enters with spring physics, overshooting and rebounding multiple times. More elastic than bounce-in.

EntranceOn MountIntermediateGPU Accelerated

Preview

Code

Duration

800ms

Easing

cubic-bezier(0.34, 1.56, 0.64, 1)

CSS Properties

opacity, transform

Use Cases

Notification badge pop-in
Achievement unlock animation
Playful button entrance
Game UI element appearance

Related Animations

bounce-in scale-in