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

Question

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

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

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

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

Answer 1

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

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