Coverflow animation

[nzoschke]

https://codepen.io/jh3y/pen/WNRvqJP is a great example of GSAP animation for coverflow.

To port this to a skin, do something like

• In the BOX, add divs for tracklist, vinyl, etc. that represent the final state

• in the SHIFTS, get the children for the box

  let q = gsap.utils.selector(BOX);
  let TITLE = q('.title')

• in the timeline, set the initial state

  .set(TITLE, {
  opacity: 0,
  })

• in the timeline, tween to the final state

  .to(
  TITLE,
  {
  opacity: 1,
  duration: 0.1,
  repeat: 1,
  yoyo: true,
  },
  
  0.4,
  )