Passive values

packages/popmotion-pose/docs/examples/vue/vue-passive-values.md

8.7.1325 B

A passive value is a value that isn't animated directly. It only changes when another value changes.

javascript

posed.div({
  draggable: 'x',
  passive: {
    opacity: ['x', interpolate(
      [-200, -100, 100, 200],
      [0, 1, 1, 0]
    )]
  }
})