0% translateX(0) 是必要的吗？

Question

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

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

似乎最好不要包含它，因为动画将始终从元素动画的原点开始。如果我删除 0%，我的动画仍然与包含起始帧一样。然而，在我在网上看到的各种例子中，人们已经将它包含在他们的动画中。

显然，如果您想将元素偏移特定量，那么您将在 0% 变换中放置一个不同的值。人们是否包含 translateX(0) 以确保他们的动画起点安全或作为最佳实践？

Answer 1

大多数情况下，它包含在内是为了安全，正如您已经收集到的那样。我主要在教程中看到它，他们试图更加明确，以便新学习者了解为什么会发生任何事情。

话虽如此，更清楚总比不太清楚要好。您不确定所有浏览器都会尊重该假设，因此最好包含它。