Chop

interactive lab

Split

Switch between split units, paste your own copy, and compare motion contracts.

All demos

Split Type

Effect

Text

Code

Code

1const title = chop('.headline')2const words = title34gsap.set(words, { scale: 0.7, opacity: 0 })5gsap.to(words, {6  scale: 1, opacity: 1, duration: 0.36,7  stagger: 0.095, ease: 'back.out(1.7)'8})