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

时间:2017-11-29 11:16:20

标签: css css-animations css-transforms vendor-prefix

我使用了一些css动画,在添加供应商前缀时我遇到了一个小难题。我知道"关键帧"属性需要使用供应商前缀进行显式定义,就像其他一些CSS属性一样,例如" transform"。但是,我一直在想的是我是否应该在两个部分或关键帧上包含供应商前缀"就足够了。 这是我的意思的一个例子:

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 个答案:

答案 0 :(得分:1)

示例2,因为这是我期望从autoprefixer工具输出的样式,例如:enter link description here