Question

在以下HTML

中

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

div绝对位于article内的任意位置，并使用任意matrix3d进行转换。

如何通过转换div来“反转”article的转换，以便div再次以原始大小显示为矩形？

情况如下：http://jsfiddle.net/kBWcc/

注意：在这种情况下使用matrix3d是必须的。

Answer 1

经过半天的尝试，我终于找到了一个只有webkit的解决方案，其中涉及WebKitCSSMatrix对象。

以下是解决方案的外观：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));

CSS 3D变换容器可以反转孩子的3D变换

1 个答案: