MotionLang

Spring · The feel of a bounce

Bounce回弹

With lower damping, the element shoots past its target and comes back, producing a visible bounce.

Open this entry in the tool

When to use it

Use it sparingly, only in light consumer-facing interfaces; in serious settings such as data tables or preferences, no bounce.

Parameters

spring(stiffness 500, damping 18) · overshoot ~8%

Recipe

  1. Bounce → spring(stiffness 500, damping 18) · overshoot ~8%

One sentence for your AI

Add bounce to this success toast: spring with stiffness 500 and damping 18, overshooting about 8% past scale 1 before settling.

More in this category