GSAP (GreenSock) — Web Animation Skill When to use - High-quality UI/motion design: entrances, micro-interactions, page transitions - Timeline-based sequences (vs. scattered CSS transitions) - Scroll-driven storytelling (with ScrollTrigger) - Complex easing, staggering, orchestration across many elements Key concepts & APIs - Tweens: - - - - Timelines: - - Chain: - Position parameter: absolute , relative , overlap , label - Eases: , , - Staggers: or - Performance-friendly properties: - Prefer transforms ( , , , ) and opacity ( ) - ScrollTrigger (plugin): - - Inline: - Advanced: - Standalone:…