애니메이션 및 기타 특성에 대한 두 번 접두사 접두사 사용

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