我在 Chrome 中遇到了旋转内容的问题,其样式为 -webkit-transform: rotateY( 180deg )。
如果内容有白色背景颜色,它会闪烁,但如果它有背景颜色:透明,旋转过程中闪烁会消失。这可能是我尝试处理的一个错误,但有时这种方式不会导致任何结果。
有什么合适的方法可以解决这个问题吗?
最佳答案
情况是这样的card flip但我有更复杂的卡片标记。在这里,对于背面的卡号 2,样式为 -webkit-transform: rotateY(180deg) 而对于其他卡,样式为空。对于卡号 1,我写了 -webkit-transform: rotateY(0deg) what removed blining during the css rotation -webkit-transition: -webkit-transform 1s 。
关于围绕 Y 轴的 CSS 3D 旋转导致 Chrome 中旋转的内容闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18723246/