CSS-旋转立方体百分比基_Css_Rotation_Transform_Translate Animation

CSS-旋转立方体百分比基

css

CSS-旋转立方体百分比基,css,rotation,transform,translate-animation,Css,Rotation,Transform,Translate Animation,我尝试制作3d旋转立方体动画。我有一些困难，使其工作，因为我想使用百分之价值的正面/背面在我的情况下，我无法用百分比值控制平移位置。是否有任何解决方法使其以百分比值工作这里是小提琴：好的，所以在搜索了很多时间后，我找到了解决方案（可能是唯一的一个…）。我添加了几个包装器以使其工作，并应用不同的tranlate以保持3d中的自然旋转这里是小提琴： IE有一个问题，我很接近找到它，但目前我不明白为什么背面是隐藏的

我尝试制作3d旋转立方体动画。我有一些困难，使其工作，因为我想使用百分之价值的正面/背面

在我的情况下，我无法用百分比值控制平移位置。是否有任何解决方法使其以百分比值工作

这里是小提琴：

好的，所以在搜索了很多时间后，我找到了解决方案（可能是唯一的一个…）。我添加了几个包装器以使其工作，并应用不同的tranlate以保持3d中的自然旋转

这里是小提琴：

IE有一个问题，我很接近找到它，但目前我不明白为什么背面是隐藏的