使网站成为一个真正的多维数据集

Question

我最近发现了CSS / JS动画，比如Meny：http://github.com/hakimel/meny 事实是，它只会使一方变得离屏。我的目标是制作一个完整的立方体网站。

这个想法：我正在使用技术来使用Web技术创建本机应用程序。为了让事情看起来真棒，我想实现3D动画。事实是，我不想过度填充我的主要观点 - 所以我想实际上有五个或六个，取决于可能性 - 面孔。 想象一下，Meny的所有四个选项都被激活 - 顶部，底部，左侧，右侧。因此，当用户将他们的courser移动到顶部或任何其他方面时，他们将看到一个单独的面孔。 底部将有一个小控制台窗口。左边会进行搜索。右边将保存一些信息和触发器，顶部是实际菜单。中心（始终可见的面部）将保持动态加载的内容。所以这样我可以使用侧面来触发主面的AJAX调用。

我怎样才能实现这样的动画立方体设计？正面背面的第六张脸可能是一个更详细的控制台版本，带有实际输入和......终端等等。

我使用的桌面技术是appJS。它还不支持3D，所以不同的技术。我会在Safari中调试界面本身。

Answer 1

这对于CSS 3D变换来说应该不会太难。看看这些：

http://desandro.github.io/3dtransforms/docs/cube.html

一个演示：

http://desandro.github.io/3dtransforms/examples/cube-02-show-sides.html