以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。