带有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％）'