digital-theory/js/main.js

/**
 * gsap lib https://greensock.com/get-started-2#controllingYourAnimations
 */
let development_debug = true;
gsap.fromTo("#main_title", {
  opacity: 0,
  top: 200
}, {
  opacity: 1,
  top: 100,
  duration: 1.5,
  ease: "sine"
})

gsap.to("#hand", {
  top: 300,
  duration: 1,
  scrollTrigger: {
    trigger: '#cover',
    scrub: 1,
    markers: development_debug,
  }
});

gsap.fromTo("#phone-watches-1", {
    top: 1531,
    left: -100,
  position:"relative",
  },
  {
    left: 50,
    top: (1531 - 200) ,
    scale: 0.8,
    duration: 1.5,
    ease: "sine",
    scrollTrigger: {
      trigger: '#welcome',
      scrub: 1,
      markers: development_debug,
    }
  })