GSAP Animation Examples

Basic Animations

Click Animation

Click the blue box to trigger an animation

Hover Animation

Hover over the purple box

Scroll Animations

Sequence Animation

Parallax Effect

Parallax

Horizontal Scroll

🚀

启程

当滚动到这里时，容器会固定在屏幕中央

⚡

加速

然后开始横向滚动展示内容

🎯

专注

继续横向滚动浏览更多内容

🏆

成功

滚动结束，恢复正常滚动

Advanced Animations

Text Animation

GSAP is awesome!