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.to("#main_title", {
  top: 150,
  duration: 1,
  scrollTrigger: {
    trigger: '#main_title',
    scrub: 1,
    markers: development_debug,
  }
});

gsap.to("#phone-watches-1",
  {
    left: 500,
    top: (531 - 400) ,
    scale: 0.8,
    duration: 1.5,
    ease: "sine",
    scrollTrigger: {
      trigger: '#welcome',
      scrub: 1,
      markers: development_debug,
    }
})