webkit 变换 - 为什么我的动画立方体在隐藏的侧面显示文本，并且侧面之间有间隙？
我正在尝试进行 3D 过渡/转换，以便当单击链接时，我的网站的长度会旋转以显示不同的选项。然而，它目前看起来非常不整洁，因为立方体的每个面周围都有间隙，并且您可以看到立方体的每个面，无论它是否可见（即，当它处于动画状态时，您可以看到文本，您应该能够看，它还给人一种在动画时条形变宽的印象，
我可以整理一下吗？
我已经制作了一个小提琴，可以在 此处
I am trying to make a 3d transition/transformation so that when a link is click a bar run the length of my website rotates to reveal different options. However it currently looks very untidy, in that each face of the cube has gaps around it, and you can see each face of the cube, regardless of whether it not view (i.e when it is animating you can see text you should be able to see, it also gives the impression that bar grows in width when animating.
Is there anyway I can tidy this up?
I have made a fiddle which can be found here
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
我不确定这些差距，但应用
-webkit-backface-visibility: 隐藏到.face应该解决可见文本问题。这篇博文末尾有一个很好的立方体示例，可能会有所帮助与间隙 - 也许你需要使用
translateX来让面孔进入正确的位置？I’m not sure about the gaps, but applying
-webkit-backface-visibility: hiddento.faceshould sort out the visible text issue.There‘s a good cube example at the end of this blog post which might help with the gaps — maybe you need to use
translateXto get the faces into the right position?