Chapter 397: Staggers

Core Idea

staggering walkthrough

Key Concepts

• Property

• each

• from

• grid

• axis

• ease

Code Examples

gsap.to('.box', {
	y: 100,
	stagger: 0.1 // 0.1 seconds between when each ".box" element starts animating
});

• What it demonstrates: typical usage of Staggers in a GSAP animation.

Key Takeaways

1. Property

2. each

3. from

4. grid

5. axis

Connects To

• special properties: see ch097 — Tween