Stagger the children of repeated parents

Select a parent by element/class selector, enable Animate children, and stagger each parent’s direct children independently.

Where: Interaction → Trigger & target → parent selector → Stagger, text split & nested

Key ideas

• Parent selector: Choose a specific parent or a repeated class such as .card-list rather than selecting children one by one.
• Animate children: The runtime replaces each matched parent with its direct children before building the tween.
• Per-instance stagger: Use per-instance scope so every repeated parent owns a separate local stagger sequence.

Steps

1. Pick the parent element or class as the animation target.
2. Switch repeated class matches to Per-instance when needed.
3. Enable Animate children.
4. Set stagger each/amount/from and preview.