微信小程序在视频上层翻转元素，只显示一半，mpvue

Question

需求
在一个视频的上层有一块区域，且该区域是可以翻转过来的，
类似名片，正常显示名片的正面，翻转后显示名片的反面，两面都有内容。

现在遇到的问题是，在PC调试工具里一切正常，但在手机端就有问题，只要翻转一开始就只显示一半，等翻转结束就直接显示另一面的全部，如果没放在视频上方是正常的，放到视频上就会这样。

代码截图

Answer 1

已解决，旋转Y轴的时候 Z轴也要调整。

修改样式即可
.fan {

transform: translateX(-1px) translateZ(1000px) rotateY(180deg);

}