title: How to read/parse individual transform style values in JavaScript?
body: <p>Webkit's blog post from last year on <a href="http://webkit.org/blog/386/3d-transforms/" rel="nofollow noreferrer">3D transforms</a> explains the various transform 'functions' that can be used in the -webkit-transform property. For example:</p>
  
  <pre><code>#myDiv {
    -webkit-transform: scale(1.1) rotateY(7deg) translateZ(-1px);
  }
  </code></pre>
  
  <p>My question: how do you access individual values in JavaScript? When you read the webkitTransform property of the element, you just get a matrix3d() function with 16 values in it, like this...</p>
  
  <pre><code>matrix3d(0.958684, 0.000000, .....)
  </code></pre>
  
  <p>Is there a way to just read the value of an individual transform thing, like rotateY()? Or do I have to read it from the matrix3d() string, and how?</p>