← GSAP crash course for absolute beginners

to, from, fromTo and set

Chapter 6 of 15 · 22:54

Live demoFull screen ↗
gsap.set(".to-box", { x: 100 });
gsap.to(".to-box", {
  y: 150,
  duration: 1
});

gsap.set(".from-box", {
  visibility: "visible"
});
gsap.from(".from-box", {
  y: -150,
  opacity: 0,
  duration: 1
});

gsap.fromTo(".fromto-box",
  { y: -150, opacity: 0 },
  { y: 150, opacity: 1, duration: 1 }
);

Loads GSAP 3.13.0 from a CDN