帶有Safari的Javascript內聯樣式'webkitTransform'

Question

當我使用嵌入式JavaScript插入樣式時。

例如。 document.querSelector('.test').style.color = 'red';

當我做下面的轉換時

webkitTransform: 'translate(-50%, -50%)',
MozTransform: 'translate(-50%, -50%)',
msTransform: 'translate(-50%, -50%)',
OTransform: 'translate(-50%, -50%)',
transform: 'translate(-50%, -50%)',

輸出內聯CSS ：（為什么Webkite-transform缺少'-'？）

webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: inherit;

為什么會這樣呢？

Answer 1

Webkit需要大寫:)

W ebkitTransform：'翻譯（-50％，-50％）'