# Object style MotionValues
> Drive object-form style props with live MotionValues.
**Source:** [https://motion.svelte.page/examples/object-style-motion-values](https://motion.svelte.page/examples/object-style-motion-values)
**Markdown mirror:** [https://motion.svelte.page/examples/object-style-motion-values.md](https://motion.svelte.page/examples/object-style-motion-values.md)
---
This mirror preserves the prose, implementation notes, and runnable Svelte source behind the live example page.
## FIG-001: style objects can carry MotionValues.
One progress MotionValue derives transform shortcuts, opacity, color, box-shadow, and a CSS variable directly inside the style object. Static entries render immediately; live entries update through motion-dom.
**Metadata:** tag: `MOTION-VALUE` | api: `style={{ x, opacity }}` | effect: `motion-dom`
### Notes
- Transform shortcuts like `x`, `y`, `rotate`, and `scale` are composed by Motion's style effect.
- Non-transform properties like `backgroundColor` and `boxShadow` can be MotionValues too.
- Static object entries such as `width` and `height` render with the initial markup, so the first paint is stable.
### Source
#### Default.svelte
Source file: [src/lib/examples/object-style-motion-values/demos/Default.svelte](https://github.com/humanspeak/svelte-motion/blob/main/docs/src/lib/examples/object-style-motion-values/demos/Default.svelte)
```svelte
Origin
queued
Destination
delivered
{phase}
style object
```