带有Safari的Javascript内联样式'webkitTransform'

Question

when i use inline JavaScript to insert style.

eg. document.querSelector('.test').style.color = 'red';

when i did for transform down below;

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

output inline css: (why webkite-transform is missing the '-'?)

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;

any reason why this is happening?

Answer 1

Webkit need to be upcase :)

W ebkitTransform: 'translate(-50%, -50%)'