CSS - 旋转立方百分比基础

CSS - rotate cube percentage base

我尝试制作一个 3d 旋转立方体动画。我很难让它工作,因为我想为 front/back 脸使用百分比值。

我无法用百分比值控制翻译位置。 是否有任何解决方法可以使其与百分比值一起使用?

这里是fiddle:http://fiddle.jshell.net/5h8oLyp1/

好的,所以在搜索了很多时间之后我找到了解决方案(也许是唯一的...)。 我添加了几个包装器以使其工作并应用不同的翻译以保持 3d 中的自然旋转。

这里是fiddle:http://fiddle.jshell.net/5h8oLyp1/3/

IE 刚刚有问题,我很接近找到它,但目前我不明白为什么背面被隐藏了...