title: matrix.translate vs matrix.translate3d webkit ipad
body: <p>The following code is part of a webkit transition for an Ipad app:</p>
  
  <pre><code>#canvas {
          -webkit-transition-property: -webkit-transform;;
          -webkit-transition-duration: 1s;
          -webkit-transition-timing-function: ease-out;
          position:absolute;  
          z-index:1;  
      }
  </code></pre>
  
  <p>...</p>
  
  <pre><code>var containerTrsfrm = window.getComputedStyle(currentCanvas).webkitTransform;
      var matrix = new WebKitCSSMatrix(containerTrsfrm);
      matrix = matrix.scale(1.5, 1.5);
      currentCanvas.style.webkitTransform = matrix.translate(100, 100);
  </code></pre>
  
  <p>But if I change <code>matrix.translate(x,y)</code> to <code>matrix.translate3d(x,y,z)</code> it stops working. Now, I wanna make this change because I read in several places that this will be supported by hardware acceleration and the flickering that occurs when executing the code above, will go away.</p>
  
  <p>Can anyone help?</p>