title: How can I use requestAnimationFrame for animating by changing css clases?
body: <p>I have 4 different classes, let's say .go1, .go2, .go3 and .go4.<br>
  For example:</p>
  
  <pre><code>span
       transition: all .25s ease-in-out
  
  span.go1
       transform: translate(44px, 39px);
  
  span.go2
       transform: translate(60px, 71px);
  </code></pre>
  
  <p>I want to animate the span element by changing the classes, I can do this with setInterval, but I'm wondering if it can/should be done by using requestAnimationFrame and how to use it in this case. </p>