object.style.transform="translateX(value)"; not working
<pre><code>for (var i = 0; i &lt; items.length; i++) {
  //items[i].style.left = items[i].basicLeft + 100 * phase[i] + 'px';
  //console.log(items[i].style.left);
  var translation=items[i].basicLeft + 100 * phase[i] + 'px';
  console.log(translation);
  items[i].style.transform = 'translateX(translation)';
}
</code></pre>

<p>Here the <code>translateX</code> is not updating I tried using constants in place of  variable as an argument to <code>translateX</code> but there are no changes.</p>

<p><code>console.log</code> for translation gives expected values.</p>

<p>If I use <code>style.left</code> the code which I have commented above the code works fine.</p>