webkit转换 - 为什么我的动画立方体在隐藏的一侧显示文本,并且两侧之间有间隙?

时间:2011-10-17 08:54:08

标签: css3 webkit css-transitions webkit-transform

我正在尝试进行3D转换/转换,以便当链接点击一个条形图时,我的网站长度会旋转以显示不同的选项。然而它目前看起来非常不整洁,因为立方体的每个面都有它周围的空隙,你可以看到立方体的每个面,无论它是否不被观看(即当它是动画时你可以看到文字你应该能够看,它还给人的印象是,当动画制作时,条的宽度会增加。

无论如何我可以整理一下吗?

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

1 个答案:

答案 0 :(得分:0)

我不确定差距,但将-webkit-backface-visibility: hidden应用于.face应排除可见文字问题。

this blog post的末尾有一个很好的立方体示例可能有助于弥补差距 - 也许您需要使用translateX将面部放到正确的位置?