0

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

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

我怎样才能实现这样一个动画立方体状的设计?第六面,在正面的背面,可能是控制台的更详细版本,带有实际输入和诸如此类的……终端。

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

4

1 回答 1

2

这对 CSS 3D 转换应该不会太难。看看这些:

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

还有一个演示:

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

于 2013-05-27T01:04:39.523 回答