翻轉動畫-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：隱藏；

我需要添加。

謝謝大家，您的意見幫助我找到了這個答案。 我很感激。