我最近发现了 CSS/JS 动画，比如 Meny:http://github.com/hakimel/meny 事情是，它只会让一侧变得不在屏幕上。我的目标是制作一个完整的立方体网站。
想法:我正在使用技术来创建使用网络技术的 native 应用程序。为了让事情看起来真的很棒，我想实现 3D 动画。事情是，我不想过度填充我的主要观点 - 所以我考虑过实际上有五个 - 或六个，取决于这有多大可能 - 面孔。 想象一下，Meny 的所有四个选项都已激活 - 顶部、底部、左侧、右侧。因此，当用户将他们的 courser 移到顶部或任何其他一侧时，他们会看到其中一张脸。 底部的将包含一个小控制台窗口。左边将进行搜索。右侧将包含一些信息和触发器，顶部是实际菜单。中心，始终可见的面，将保存动态加载的内容。所以这样我就可以使用侧面来触发对主面的 AJAX 调用。
我怎样才能实现这样一个类似动画立方体的设计？第六个面，在前面的背面，可能是控制台的更详细版本，具有实际输入和诸如此类的...终端之类的。
我使用的桌面技术是 appJS。它还不支持 3D，所以我会尝试不同的技术。我将在 Safari 中调试界面本身。
最佳答案
使用 CSS 3D 变换应该不会太难。看看这些:
http://desandro.github.io/3dtransforms/docs/cube.html
还有一个演示:
http://desandro.github.io/3dtransforms/examples/cube-02-show-sides.html
关于javascript - 让网站成为真正的立方体，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16763876/