title: Is 0% translateX(0) necessary?
body: <p>I was just wondering if it was necessary to include the transform: translateX(0); that you see in the keyframe down below. </p>
  
  <pre><code>@keyframes looper {
    0% {transform: translateX(0);}
    100% {transform: translateX(-1337px);}
  }
  </code></pre>
  
  <p>It seems like it would be better practice not to include it, as the animation will always start at the origin of wherever the element is being animated. If I remove the 0%, my animation is still the same as if I had included the starting frame. Yet, in various examples that I've seen online, people have included it in their animations. </p>
  
  <p>Obviously, if you want to offset your element by a specific amount, then you would put a different value in the 0% transform. Do people include translateX(0) to be safe about their animation starting points or as a best practice?</p>