アニメーションやその他の属性にダブルベンダープレフィックスを使用する

Question

私はいくつかのCSSアニメーションでうんざりしています。ベンダープレフィックスを追加することになったとき、私は小さなジレンマに遭遇しました。私は、 "keyframes"プロパティはベンダープレフィックスを "transform"のような他の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、これは私が例えば、autoprefixerツールから期待される出力のスタイルであるとして：回答@dom_ahdigitalためenter link description here