必须有一些影响我的代码的属性，我无法弄清楚，因为当我创建一个JSfiddle时，一切都很好。
问题：
我试图对由:hover伪元素触发的三个div进行关于Y轴的转换。由于某种原因，div不会停止闪烁，我已经尝试了书中的每个技巧，从-webkit-backface-visibility: hidden;到闪烁的元素，再到父div中的-webkit-transform: translate3D(0, 0, 0);。没事就行了。
任何指导都会受到赞赏，因为我觉得我的代码中的另一个div正在影响徽章并使它们继续闪烁。
我的代码可以在这里找到：http://bmgz.rtcgraphics.com/#4，当你点击一个人的脸时，可以找到徽章。
这是我的JSfiddle的链接，奇怪的是，工作正常。 http://jsfiddle.net/sYBYd/1/
任何和所有的帮助都将非常感谢！谢谢!!
答案 0 :(得分：2)
我注意到当您从background-image停用#our-team而从background-color停用#ot-window，然后从-webkit-backface-visibility清除.ot-badge表现得像你的JSfiddle。因此在过渡期间，两个2D表面相互冲突并变得疯狂。我在前面！不，我在前面！
所以，如果你改变这些，它应该有效：
.ot-badge { -webkit-transform: translateZ(1px); }
.ot-badge:hover { -webkit-transform: rotateY(180deg) translateZ(-1px); }
请务必删除：
.ot-badge { -webkit-backface-visibility: hidden; }