HTML -webkit-动画/动画

Question

我找到了一些预先编写的代码，想知道 -webkit-animation 和 animation 之间有什么区别。两者都在 css 文件中的同一位置用于为某些背景设置动画。这些关于animation and -webkit-animation的文章给了我一些内幕，但我找不到答案。代码片段如下所示：

  animation: slideright 600s infinite linear;
  -webkit-animation: slideright 600s infinite linear;

Answer 1

不同之处在于使用 -webkit-animation 的代码是在 animation 标准化之前编写的代码。由于动画已被广泛支持多年，您现在可以删除对 -webkit-animation 的所有引用并坚持使用 animation.

唯一的例外是，如果您查看两个 MDN 页面 link，您决定希望支持处理 -webkit-animation 但不处理 -animation 的非常旧的 Safari 版本。