Javascript 使用rotateY（）css翻转转换时，是否有任何方法防止内容镜像？

当使用rotateY（）css翻转动画时，我会动态设置将要显示给图像的一侧的背景，但由于所有内容都被翻转，因此图像是向后的。我在里面创建新元素，并将它们的内容/背景设置为图像，但它们也会被翻转。有什么解决办法吗

更多信息 我基本上是这样做的，但我有动画被激活时，另一个动画完成使用 addEventListener（'transitionend'，函数（事件{boardCard.style.MozTransform='rotateY（-180deg））

---

在这一点上，我还想动态设置背景，除了里面的所有东西都被翻转，所以图像是错误的。

你需要做的是翻转元素的背面已经翻转，这样当你翻转主元素时，背面的元素实际上会被翻转回正常状态方向

这里有一个很好的例子和教程：

---

您将看到它们添加了变换：旋转（180度）；提前添加到卡的.back侧，这样当他们将.flipped类添加到主卡上时，它会将卡的.back侧翻转回正常方向。

您可以推送代码以更好地理解您的问题吗？不要翻转元素。如果不进一步了解您要实现的目标，它将接近im有可能提供准确的帮助。