Staggered Grid

Click buttons to see different stagger patterns

Current Pattern

stagger: { each: 0.05, from: 'start', grid: [5, 5] }

// Staggered grid animation
gsap.from('.grid-item', {
  scale: 0,
  opacity: 0,
  duration: 0.6,
  ease: 'back.out(1.7)',
  stagger: {
    amount: 1.5,        // Total stagger time
    grid: [5, 5],      // Grid dimensions
    from: 'center'     // 'start', 'end', 'center', 'edges', 'random'
  }
});