Product media placeholder
Replace this area with a screenshot or short walkthrough video during the media sweep.
Animate one or more CSS properties on a target element, driven by a 0..1 progress input. Compound: expanded into `multiKeyframe + domPoseWrite` at load time — no runtime class.
Type propertyAnimationCategory animationContext sharedDynamic ports noCompound yes
Inputs
| Port | Type | Description |
|---|---|---|
progress | float | Progress |
Outputs
| Port | Type | Description |
|---|---|---|
| - | - | No ports declared. |
Parameters
| Parameter | Type | Default | Description |
|---|---|---|---|
selector | elementSelector | "" | Target Selector |
channels | propertyAnimationChannels | {"opacity":{"cssUnit":"none","keyframes":[{"time":0,"value":0},{"time":1,"value":1}]}} | Per-CSS-property keyframe channels. Optional per-channel `template: "blur({value}px)"` wraps float output into a CSS string for complex single-channel writes to `filter` / `clip-path` / `mask-image`. Mutually exclusive with `cssUnit`. |
Related nodes
Envelope
Use propertyAnimation as the node type inside a graph node envelope. Add id, optional params, optional connections, and optional activeWhen based on the guide context.
Generated source
Registry faster-motion-docs/node-registry.jsonCategory page /help/faster-motion/faster-motion-node-category-animation/