Typography

Hover over the letters!

// Split text into characters
const text = document.querySelector('.split-text');
const chars = text.textContent.split('');
text.innerHTML = chars.map(char => 
  `<span class="char">${char}</span>`
).join('');

// Animate each character
gsap.from('.char', {
  y: 50,
  opacity: 0,
  rotation: -15,
  duration: 0.6,
  ease: 'back.out(1.7)',
  stagger: 0.03
});