title: CSS 3D transform container to reverse the 3D transform of the child
body: <p>In the following HTML</p>
  
  <pre><code>&lt;article&gt;
      &lt;div&gt;&lt;/div&gt;
  &lt;/article&gt;
  </code></pre>
  
  <p>the <code>div</code> is absolutely positioned in an arbitrary position inside the <code>article</code> and transformed with an arbitrary matrix3d. </p>
  
  <p>How to "reverse" the transform of the <code>div</code> by transforming the <code>article</code>, so that the <code>div</code> appears rectangular again in its original size?</p>
  
  <p>Here's how the situation looks: <a href="http://jsfiddle.net/kBWcc/" rel="nofollow">http://jsfiddle.net/kBWcc/</a></p>
  
  <p>Note: Usage of matrix3d in this case is obligatory.</p>