Webkit变换-为什么我的动画立方体在隐藏的侧面显示文本,并且在侧面之间有间隙



我想做一个3d过渡/转换,这样当一个链接是点击一个栏运行我的网站旋转的长度显示不同的选项。然而,它目前看起来非常不整洁,因为立方体的每个面周围都有间隙,你可以看到立方体的每个面,无论它是否处于视图(即当它动画时,你可以看到你应该能够看到的文本,它也给人的印象是,当动画时,条的宽度在增长。

我可以整理一下吗?

我做了一个小提琴,可以在这里找到

我不确定间隙,但将-webkit-backface-visibility: hidden应用于.face应该可以解决可见文本问题。

有一个很好的立方体的例子在这篇博客文章的结尾,这可能有助于与差距-也许你需要使用translateX得到的面到正确的位置?

最新更新