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;
}