翻转动画-CSS-移动浏览器

Question

我创建了一个小提琴：

https://jsfiddle.net/6zkmg2cn/

I tried to add code but it wouldn't show the HTML from the fiddle?

这种提琴在PC上工作正常，但在移动浏览器上的提琴却不起作用。

如您所见，它只会将“前”翻转180度，但从不显示“后”

知道我在做什么错吗？

还是有谁知道在移动设备上使用“ flipper”动画的更好方法？ 我只想要一个基本的“单击它并翻转”动画。

编辑：对不起，我应该添加更多信息：事实证明它确实可以在Android Chrome和Firefox上运行，但是我发现它不起作用的地方是iOS Chrome（56.0.2924.79）和iOS Safari（10.1.1 iOS） ）和iOS FireFox（6.1）

显然这是CSS中缺少-webkit标志的东西吗？ 注释中的链接显示了它的兼容性，这表明它应该与这些浏览器兼容，因此让我相信它的代码。 再次抱歉。

Answer 1

它是：

-webkit-backface-visibility：隐藏；

我需要添加。

谢谢大家，您的意见帮助我找到了这个答案。 我很感激。