Remix
Remix
remix/ui/animation · VariableView Source

spring

Summary

Create a spring-physics animation iterator for CSS transitions and WAAPI.

The returned iterator can be:

  • Iterated to get position values (0→1)
  • Spread into WAAPI options: element.animate(keyframes, { ...spring() })
  • Stringified for CSS: `transform ${spring()}`

Signature

const spring: SpringFunction;

Example

// Named preset
let s = spring("bouncy");
element.style.transition = `transform ${s}`;