CSS 相对于 window 的透视原点

Question

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

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

Answer 1

尝试以下操作：

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

body {
  perspective: 500px;
  overflow: auto;
}

CSS perspective-origin relative to window