对动画和其他属性使用双供应商前缀答案

【问题标题】：Using double vendor prefixes for animations and other attributes对动画和其他属性使用双供应商前缀
【发布时间】：2018-05-13 02:05:45
【问题描述】：

我在玩一些 css 动画，在添加供应商前缀时遇到了一个小难题。我知道“关键帧”属性需要使用供应商前缀进行显式定义，就像“转换”等其他 CSS 属性一样。然而，我一直想知道的是我是否应该在两个部分都包含供应商前缀，或者“关键帧”就足够了。这是我的意思的一个例子：

ex1:

@-webkit-keyframes animation_name {
    0% {transform: rotateZ(0deg);}
    100% {transform: rotateZ(180deg);}
}

ex2:

@-webkit-keyframes animation_name {
    0% {-webkit-transform: rotateZ(0deg);}
    100% {-webkit-transform: rotateZ(180deg);}
}

哪个更正确？

提前致谢。

【问题讨论】：

【解决方案1】：

示例 2，因为这是我希望从自动前缀工具获得的输出样式，例如：enter link description here

【讨论】：