是否需要0％translateX（0）？

Question

我只是想知道是否有必要包含转换：translateX（0）;你在下面的关键帧中看到的。

@keyframes looper {
  0% {transform: translateX(0);}
  100% {transform: translateX(-1337px);}
}

似乎最好不要包含它，因为动画总是从元素动画的任何地方开始。如果我删除0％，我的动画仍然与我包含起始帧相同。然而，在我在网上看过的各种例子中，人们已经将它包含在他们的动画中。

显然，如果要将元素偏移特定量，则可以在0％变换中添加不同的值。人们是否包括translateX（0）以确保他们的动画起点安全或作为最佳实践？

Answer 1

大部分时间，它都是安全的，因为你已经聚集了。我主要在教程中看到它，他们试图明确这些，以便新学员理解为什么发生的事情正在发生。

话虽这么说，但要更清楚而不是更清楚总是更好。您并不确定所有浏览器都会尊重该假设，因此最好包含它。