使用双供应商前缀进行动画和其他属性

Question

我正在使用一些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);}
}

哪个更正确？

预先感谢。

Answer 1

示例2，因为这是我期望从AutoPreeFixer工具中的输出样式，例如：在此处输入链接说明