围绕Y轴的CSS 3D旋转会导致Chrome中旋转内容的闪烁

Question

我在Chrome中遇到了旋转内容的问题，该内容的样式为-webkit-transform：rotateY（180deg）。

如果内容具有白色背景颜色，则会闪烁，但如果内容为背景颜色：透明，则在旋转期间闪烁消失。这可能是我尝试使用的一个错误，但有时这种方式一无所获。

有没有合适的方法来解决这个问题？

Answer 1

情况类似于card flip，但我对卡片的标记更加复杂。这里，对于面对的卡号2，样式是-webkit-transform：rotateY（180deg），而对于其他卡，样式为空。对于卡号1，我写了-webkit-transform：rotateY（0deg）在css轮换期间删除了blining -webkit-transition：-webkit-transform 1s。