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 制作的。