相对于窗口的 CSS 透视原点

Question

>我在正文上设置了perspective-origin: 50% 50%，所有沿 Z 轴移动的元素都以相对于文档高度的透视显示。我想将透视原点设置为浏览器窗口的中间，以便在我垂直或水平滚动时更新视角。

有什么想法吗？认为我必须使用 JavaScript？

Answer 1

尝试以下操作：

html, body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
body {
  perspective: 500px;
  overflow: auto;
}

下面是一个演示：http://codepen.io/Grilly86/pen/pvdGEm