Motion
— Springs
Click a spring to fire it. Each curve below is a real simulateSpring simulation rendered into a Web Animation.
snap k=400 c=32 glide k=180 c=26 drift k=80 c=22 — Durations & easings (CSS fallback)
| --motion-duration-instant | 80ms |
| --motion-duration-quick | 150ms |
| --motion-duration-base | 240ms |
| --motion-duration-slow | 400ms |
| --motion-easing-standard | cubic-bezier(.2,.8,.2,1) |
| --motion-easing-enter | cubic-bezier(0,.6,.3,1) |
| --motion-easing-exit | cubic-bezier(.4,0,1,.6) |