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

CSS 3D绕Y轴旋转会导致Chrome中旋转内容闪烁,css,google-chrome,rotation,Css,Google Chrome,Rotation,我在Chrome中遇到了一个问题,旋转的内容具有样式-webkit转换:旋转(180度) 如果内容具有白色背景色,则会闪烁,但如果内容具有背景色:透明,则在旋转过程中闪烁将消失。这可能是一个我试图处理的bug,但有时这种方式不会导致任何结果 有什么合适的方法来解决这个问题吗?情况是这样的,但是我有更复杂的卡片标记。这里,对于背面的卡号2,样式为-webkit transform:rotateY(180度),对于其他卡,样式为空。对于我写的1号卡片-webkit transform:rotateY

我在Chrome中遇到了一个问题,旋转的内容具有样式-webkit转换:旋转(180度)

如果内容具有白色背景色,则会闪烁,但如果内容具有背景色:透明,则在旋转过程中闪烁将消失。这可能是一个我试图处理的bug,但有时这种方式不会导致任何结果


有什么合适的方法来解决这个问题吗?

情况是这样的,但是我有更复杂的卡片标记。这里,对于背面的卡号2,样式为-webkit transform:rotateY(180度),对于其他卡,样式为空。对于我写的1号卡片-webkit transform:rotateY(0deg)在css轮换-webkit transform:-webkit transform 1s过程中删除了哪些blining。你能给出一个发生这种情况的示例吗?