Documentation is work in progress and not completeEditor
Manipulating Shapes
Z-Order Management
Z-order (stacking order) determines which elements appear on top of which others. Higher Z = closer to the viewer = rendered on top.
Z-Order Commands
| Action | Shortcut | Description |
|---|---|---|
| Bring to Front | Ctrl+Shift+] | Moves the element above all others |
| Bring Forward | Ctrl+] | Moves the element one step up in the stack |
| Send Backward | Ctrl+[ | Moves the element one step down in the stack |
| Send to Back | Ctrl+Shift+[ | Moves the element below all others |
Layer Panel Reordering
Drag any layer row in the Layer Panel to reposition it in the stack.
- •Drag into a group to move the element inside the group
- •Drag out of a group to move it to the parent level
Z-Order and Animation
Z-order can be animated. Discrete keyframes on the Z-order property cause an element to jump instantly between stack positions at specific points in time, enabling effects like elements passing behind or in front of each other at controlled moments.
Use Cases for Animated Z-Order
- •Character animation where a limb passes in front of then behind the body
- •Card flip effects where the card visually passes through other elements at the mid-point of the flip
- •Complex multi-element compositions where overlapping order changes during the animation