Product media placeholder
Replace this area with a screenshot or short walkthrough video during the media sweep.
Multi-stop color interpolation in OKLab space. Outputs a single `color` port (Color {r,g,b,a} 0-1 sRGB) that wires into a `domPoseWrite` color-typed property port. Keyframes are `{ time, value, ease? }` where value is a CSS color string.
Type colorKeyframeCategory animationContext sharedDynamic ports noCompound no
Inputs
| Port | Type | Description |
|---|---|---|
progress | float | Progress |
Outputs
| Port | Type | Description |
|---|---|---|
color | color | Color |
Parameters
| Parameter | Type | Default | Description |
|---|---|---|---|
keyframes | colorKeyframes | [{"time":0,"value":"#000000"},{"time":1,"value":"#ffffff"}] | Keyframes |
Envelope
Use colorKeyframe 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/