Playback & stagger

The Settings tab of any interaction controls timing: duration, delay, easing, looping, and how a multi-element animation staggers.

Where: Interaction popover → Settings — Open an interaction and go to Settings

Key ideas

• Timing: duration, delay, and ease (GSAP easing names) set the basic tween.
• Looping: loop, alternate/yoyo, and reversed control repetition and direction.
• Stagger: stagger (each / amount / from: first/center/edges/random/grid) sequences many targets.

Steps

1. Open the interaction’s Settings.
2. Set duration, delay, and easing.
3. Enable loop or yoyo if it should repeat.
4. Add a stagger to sequence multiple targets.