CSS perspective-origin相对于window

时间:2015-01-30 19:41:01

标签: css css3 3d css-transforms

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

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

1 个答案:

答案 0 :(得分:4)

尝试以下方法:

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

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

这是一个演示:http://codepen.io/Grilly86/pen/pvdGEm