popmotion-pose
Version:
A declarative animation library for HTML and SVG
24 lines (19 loc) • 441 B
Markdown
title: Passive values
description: An live example of making passive values in Pose for Vue
category: vue
# Passive values
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]
)]
}
})
```
<CodeSandbox id="848v06y8yj" height="400" vue />