cue.to

!cue.toMicronode

A cue micronode, written inside an animatable attribute’s value. The attribute’s own value is the base state; each !cue.to names the value to move to and anchors the move in scene time — x-domain: [0, 5] !cue.to{[0, 10]}(at: 2) widens the window at step 2. They chain left to right on one attribute, and a chain may mix !cue.to with !cue.zoom.

#Attributes

atRequired

cue-anchor

When the move starts: a step index (at: 2), an absolute scene time (at: 1500ms), or a compound offset (at: 2 + 500ms).

over

duration

How long the transition takes.

Default1500ms

easing

linearsmooth

The transition’s timing curve.

Defaultsmooth

#Allowed content

Body { }The target value — whatever the attribute itself would accept

#Examples

zoom: 5 !cue.to{6.5}(at: 2) !cue.to{8}(at: 4 + 1.5s; over: 800ms)

y: 0 !cue.to{4}(at: 1; easing: linear)