title: Multiple translateX in Javascript (Webkit)
body: <p>If I apply a <code>.style.webkitTransform = 'translateX(10px)';</code> on an element and then I would like to add another <code>.style.webkitTransform = 'translateX(10px)';</code> to reach a total of <strong>20px</strong> is impossible.</p>
  
  <p>The element will again be <strong>10px</strong>.
  How can I go around this?</p>
  
  <p>(Except keeping the previous values and adding it to <code>translateX like = preValue+current+'px';</code>)</p>