<div class="box green"></div>

body{display:flex;align-items:center;justify-content:center;min-height:100vh;}

// animate ".box" from an opacity of 0 and a y position of 100 (like transform: translateY(100px)) 
// to the current values (an opacity of 1 and y position of 0).
gsap.from(".box", {
  opacity: 0, 
  y: 100, 
  duration: 1
});