Question

我偶然发现了这个网站http://www.swell3d.com/，我认为将来我们会有一个新的炒作词“3d网站”，在营销中大量使用。但是，我感兴趣的是如何创建这样的设计/布局？如何实际应用这种看起来很滑稽的效果 - 是否有任何w3规范描述检测3d设备的方法，或者是否存在像3d设备的媒体查询：

@media 3d {
 /* 3d related css... */
}

我很好奇。

Answer 1

Khronos小组正在开发标准的WebGL，在OpenGL和OpenGL ES上使用javascript绑定，这样浏览器和嵌入式系统就可以使用3D图形而无需任何插件。 AMD，爱立信，谷歌，Mozilla，NVIDIA和Opera都是该工作组的成员。

我认为最好使用3D屏幕，如任天堂的3DS，而不是强迫人们使用3D眼镜。在不久的将来，这肯定会是一个有趣的领域。

Answer 2

我认为未来网站根本不会是3D。该网站的标题是“在立体艺术中的实验”;得出你的结论。

至于创建这样一个网站，我认为CSS不会对你有多大帮助。 CSS3有一个名为3D Transforms的模块，但那里没有关于立体渲染的内容。

然而，创建立体图形就像在一种颜色中创建左眼图像，在另一种颜色中创建右眼图像，然后过度绘制它们一样简单。 CSS可以帮助您为文本创建此效果;见this article。

在您链接的网站上，顶部的横幅是在Flash中完成的。其余的只是静态图像。

Answer 3

真正的3D渲染必须是浏览器/系统本身的一个功能。我认为将来没有人会写3D网站，表演（谈论速度）会很慢。实际上javascript处理这些复杂的计算非常慢，应该重新考虑css标准。