CSS 动画 : -Webkits in webkits

Question

我经常看到这样的 css 动画代码:

@-webkit-keyframes anim{
  0{
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg); /* Is this line needed if it is already declared below? */
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; /* Is this line needed if it is already declared below? */
  }
  100%{
    -webkit-transform: perspective(400px);
    transform: perspective(400px); /* Is this line needed if it is already declared below? */
  }
}
@keyframes anim{
  0{
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); /* Is this line needed if it is already declared above? */
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in; /* Is this line needed if it is already declared above? */
    animation-timing-function: ease-in;
  }
  100%{
    -webkit-transform: perspective(400px); /* Is this line needed if it is already declared above? */
    transform: perspective(400px);
  }
}

问题

是否有任何理由在 @-webkit-keyframes 代码块和 -webkit< 中声明非 -webkit 选择器 @keyframes block 中的选择器？

下面的代码是否等同于上面的代码？

@-webkit-keyframes anim{
  0{
    -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function:ease-in;
  }
  100%{
    -webkit-transform:perspective(400px);
  }
}
@keyframes anim{
  0{
    transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function:ease-in;
  }
  100%{
    transform:perspective(400px);
  }
}

---

我们是否需要在 @-webkit-keyframes 中复制已在 @keyframes 中声明的代码，其中 @-webkit 是必需的.

如果 @-webkit-keyframes 不被支持，那为什么还要在 @keyframes block 中声明 -webkit 功能呢？这不会也被忽略吗？反之亦然，如果支持 @-webkit-keyframes，那么浏览器将使用该 block ，所以为什么要在 @keyframes 中声明 -webkit 功能阻止？

Answer 1

Do we need to duplicate code within @-webkit-keyframes that is already stated in @keyframes where the @-webkit Is required.

答案是"is"。

浏览器将使用它能识别的任何语法并忽略它不识别的语法...但它将始终支持它确实支持的最后一个版本。

因此，如果浏览器不支持 @keyframes，当没有前缀时，它将忽略整个语句并回退到有前缀的版本。