← GSAP crash course for absolute beginners

Timelines

Chapter 10 of 15 · 42:50

Live demoFull screen ↗
const tl = gsap.timeline();

tl.from(".logo", { scale: 0, duration: 1 })
  .addLabel("text")
  .from(".title", { y: 40, opacity: 0 }, "text")
  .from(".btn", { y: 20, opacity: 0 }, "text+=0.2");

Loads GSAP 3.13.0 from a CDN