Multi-Property Animation

Any number of properties can be keyframed at any point in time. When Record Mode is active, any property change creates a keyframe on that property at the current time — multiple properties can be changed before the playhead moves, and all changes are captured.

Example workflow:

1. 1.Set playhead to frame 0
2. 2.Set Position X = 0, Position Y = 200, Opacity = 0%, Scale = 80%
3. 3.Move playhead to frame 30
4. 4.Set Position X = 960, Position Y = 540, Opacity = 100%, Scale = 100%

Result: The element moves from the lower-left to the center, fades in, and scales up over 30 frames.

Properties do not all have to start and end at the same keyframes. Each property track is independent.

Example: An element could:

• -Scale from 80% to 100% over frames 0 to 15 (fast scale-up)
• -Continue moving in position from frames 0 to 45 (slower, continuing movement)
• -Fade in opacity over frames 5 to 20 (slightly delayed fade-in)

This asynchrony of properties is what creates nuanced, layered motion rather than a single robotic simultaneous transition.

When a group is animated, the group-level transform applies on top of all member transforms. This means:

• -Animating the group's position moves all members together as a unit
• -Animating individual member positions within the group moves them relative to the group

This is intentional and powerful — use group-level animation for "macro" moves (e.g., the whole element flies in), and member-level animation for "micro" moves (e.g., individual parts animate internally while the group moves).