我正在尝试使用“figure”实现翻转动画。它适用于每个浏览器，但有一种特殊情况，即在VMWare上使用虚拟机（使用Windows 10 x64 VM测试）中的Firefox运行代码时，会出现一些奇怪的工件。
#card.flipped {
-webkit-transform: translateX( -100% ) rotateY( -180deg );
-moz-transform: translateX( -100% ) rotateY( -180deg );
-ms-transform: translateX( -100% ) rotateY( -180deg );
-o-transform: translateX( -100% ) rotateY( -180deg );
transform: translateX( -100% ) rotateY( -180deg );
}
代码在这里： Fiddle example
请忽略“FRONT”标题。我想要解决的是图形旋转时可以看到的图标的重复，你可以在背景变黑之前看到它。黑色不是问题，我使用我的网站内的代码，但在转换后，你看到左边说像图标的副本，但以一种奇怪的方式转换，我试了一整天找到问题，但是，只有当我不使用变换持续时间它才有效，但是我没有得到动画。
您是否知道问题可能是什么？