← GSAP crash course for absolute beginners

Stagger

Chapter 9 of 15 · 36:43

Live demoFull screen ↗
gsap.from(".card", {
  y: 100,
  opacity: 0,
  duration: 0.8,
  stagger: 0.1
});

gsap.from(".dot", {
  scale: 0,
  duration: 0.6,
  stagger: {
    each: 0.05,
    from: "center",
    grid: "auto"
  }
});

Loads GSAP 3.13.0 from a CDN