title: Reactjs animation lag
body: <p>When spinning the wheel (animating a set of divs) a weird &quot;load&quot; is happening during the animation.
  <a href="https://gyazo.com/42b5db647faa62bf4d4c04e70e481afd" rel="nofollow noreferrer">Video showing the lag</a></p>
  <p>We are spinning the wheel with this code:</p>
  <pre><code>document.getElementById('spinner').style.transform = `translate3d(${-(1680 * 4 - this.winnerPosition[ticket] * 112 + offset)}px, 0px, 0px)`;
      document.getElementById('spinner').style.transitionTimingFunction = `cubic-bezier(0.12, 0.8, 0.38, 1)`;
      document.getElementById('spinner').style.transitionDuration = `${time / 1000}s`;
  </code></pre>
  <p>There is a about 90 divs lined up that we just move using the translat3d function.
  Looking at the performance capture by Google Chrome this is what we get: <a href="https://gyazo.com/ab9be4363e6572c658f7cfff33204e01" rel="nofollow noreferrer">Performance capture</a></p>
  <p>What could be the cause and fix for this?</p>