将{transform-origin：x，y;}从元素更改为父DIV？

Question

这可能是不可能的，但我有一个DIV，我正在使用CSS3进行转换。

#mydiv.fallback {
    -webkit-transform:           scale(.9);
    -webkit-transform-origin:    center;
}

像魅力一样工作。除此之外，我正在尝试创建类似于Mac OSX的Timemachine（虚拟3D效果）的效果，其中DIV在后台回落。为了使这个工作无论如何，我需要转换起源不要使用它的元素的中心，而是用户的网络浏览器的中心。即使我能够改变它以使用它的父变换的父元素坐标，它也会工作。

不确定这是否可能。快速图像有助于说明。

Answer 1

只要您想弹出模态窗口，只需更新'transform-origin'即可。例如：

function modal() {
  var transOrigin = window.innerHeight/2 + document.body.scrollTop;
  container.style.webkitTransformOrigin = "50% " + transOrigin + "px";
}

这是webkit的一个工作示例。

http://jsfiddle.net/GprNe/