Docs

Animation Reference

These named easing curves come from the runtime evaluator. Each key controls its outgoing segment.

  • linear
  • hold
  • ease-in
  • ease-out
  • ease-in-out
  • ease-in-expo
  • ease-out-expo
  • ease-in-out-expo
  • ease-in-quint
  • ease-out-quint
  • ease-in-out-quint
  • ease-in-back
  • ease-out-back
  • ease-in-out-back
  • ease-in-bounce
  • ease-out-bounce
  • ease-in-out-bounce
  • ease-in-elastic
  • ease-out-elastic
  • ease-in-out-elastic

Position interpolation

Write interpolation as an indented animation option. Omission preserves the legacy spatial behavior. Other properties, components, 3D tuples and relative-length tuples use timing only.

Value Behavior
timing Ease controls timing only; position travels along the straight segment.
spatial On numeric 2D position keys, a cubic-bezier ease controls timing and the path; this is the legacy default.