html - CSS中的居中透视

Question

有什么方法可以使 HTML 中的元素的透视居中在屏幕中间，这样在滚动时透视点就不会移动......？

谢谢

编辑：这是我的想法的一张小图......当您向下滚动时，该元素将从顶部可见并从底部可见。 http://i.stack.imgur.com/W84Me.png

对不起，我的英语不好

Answer 1

虽然传统上，HTML 元素只是 2D 盒子，但由于 CSS3 有一个transform属性可以让您在 3D 空间中转换盒子。

http://www.w3schools.com/cssref/css3_pr_transform.asp

这允许这样的观点。但由于只有少数浏览器允许您选择透视投影（仅正交），您可能必须自己创建变换矩阵。例如，您可以在大多数现代 OpenGL 教程中找到相应的教程和公式。

剩下的唯一问题是从底部显示不同的图像，因为在 HTML 中，一个元素从两侧看起来都相同（仅镜像）。也许您可以将 2 个元素稍微放在彼此上方以获得两个不同的面。

此外，您将需要 JS 在屏幕上移动对象。

也许您最好使用一些现代技术（例如 canvas 或 WebGL）来执行此操作，因为 HTML 并不是真正为 3D 制作的。