css - 子の3D変換を逆にするCSS3D変換コンテナー

Question

次のHTMLで

<article>
    <div></div>
</article>

はdiv絶対に内部の任意の位置に配置されarticle、任意のmatrix3dで変換されます。

divを変換しての変換を「逆」にして、元のサイズで再び長方形に見えるarticleようにするにはどうすればよいですか？div

状況は次のようになります：http：//jsfiddle.net/kBWcc/

注：この場合のmatrix3dの使用は必須です。

Answer 1

半日試行した後、WebKitCSSMatrix オブジェクトを含む、これまでのところ Webkit のみのソリューションを最終的に見つけました。

ソリューションの外観は次のとおりです。http://jsfiddle.net/kBWcc/2/

var t = window.getComputedStyle($('div').get(0)).webkitTransform;
  , m = new WebKitCSSMatrix(t);

$('article').css('-webkit-transform', m.inverse());
$('div').css('-webkit-transform', m.translate(100, 100));​