Несколько translateX в Javascript (Webkit)

Question

Если я применю .style.webkitTransform = 'translateX(10px)'; к элементу, а затем я хотел бы добавить еще .style.webkitTransform = 'translateX(10px)';, чтобы получить общее значение 20px , невозможно.

Элемент снова 10px .Как я могу обойти это?

(За исключением сохранения предыдущих значений и добавления его к translateX like = preValue+current+'px';)

Answer 1

Вы уже разобрались с ответом.

var pixels = parseFloat(element.style.webkitTransform.split(/[()]/)[1]);
pixels += 10;
element.style.webkitTransform = 'translateX(' + pixels + 'px)';