Css webkit变换-为什么我的动画立方体在隐藏的边上显示文本,边之间有间隙?

Css webkit变换-为什么我的动画立方体在隐藏的边上显示文本,边之间有间隙?,css,webkit,css-transitions,webkit-transform,Css,Webkit,Css Transitions,Webkit Transform,我正在尝试进行3d过渡/转换,这样当链接被点击时,我的网站的长度会旋转以显示不同的选项。但是,它目前看起来非常不整洁,因为立方体的每个面周围都有间隙,并且无论立方体是否为视图,都可以看到立方体的每个面(即,当它设置动画时,您可以看到您应该能够看到的文本,这也给人一种印象,即在设置动画时,条形图的宽度会增加 还有什么我可以收拾的吗 我做了一把小提琴,可以找到我不确定差距,但应用于。face应该可以解决可见文本问题 最后有一个很好的立方体示例,它可能有助于消除间隙-也许您需要使用translateX

我正在尝试进行3d过渡/转换,这样当链接被点击时,我的网站的长度会旋转以显示不同的选项。但是,它目前看起来非常不整洁,因为立方体的每个面周围都有间隙,并且无论立方体是否为视图,都可以看到立方体的每个面(即,当它设置动画时,您可以看到您应该能够看到的文本,这也给人一种印象,即在设置动画时,条形图的宽度会增加

还有什么我可以收拾的吗


我做了一把小提琴,可以找到

我不确定差距,但应用于
。face
应该可以解决可见文本问题


最后有一个很好的立方体示例,它可能有助于消除间隙-也许您需要使用
translateX
将面放置到正确的位置?

我不确定间隙,但应用于
。面
应该可以解决可见文本问题

最后有一个很好的立方体示例,它可能有助于消除间隙-也许您需要使用
translateX
将面放置到正确的位置