翻轉動畫 - CSS - 移動瀏覽器

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

這撥弄工作正常的PC上，但是在移動瀏覽器相同的小提琴不起作用。

正如你所看到的，它只是翻轉「前」 180度，但從來沒有顯示「返回」

任何知道我做錯了嗎？

還是有人知道更好的方式來使用移動設備上的「鰭狀肢」動畫？我只想要一個基本的「點擊它並翻轉」動畫。

編輯：對不起，我應該補充更多的信息：事實證明它確實在Android Chrome和Firefox的工作，但在那裏我看到它行不通的iOS版Chrome瀏覽器（56.0.2924.79）和iOS Safari（10.1.1 iOS）和iOS FireFox（6.1）

很明顯，這是我在CSS或什麼東西的-webkit標誌丟失？顯示與它兼容的註釋中的鏈接表明它應該與這些瀏覽器一起工作，這使我相信它的代碼。再次抱歉。

來源

2017-02-28 DerekConlon

哪個移動瀏覽器不起作用？我沒有問題（只是鉻/仿真）。 – TerraElise

['Here']（http://caniuse.com/#feat=transforms3d）是你的答案。目前沒有比'transforms3d'更好的方法。只有更好的瀏覽器。有關功能/瀏覽器的完整列表，請按「顯示全部」按鈕。此外，*「移動瀏覽器」*缺乏特異性。您應該明確指定設備（型號和版本），瀏覽器（版本）和系統（版本） –

對我的原始郵政進行編輯，對於缺乏信息感到抱歉 – DerekConlon

原來是：

-webkit-backface-visibility：hidden;

我需要添加。

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

來源

2017-02-28 22:27:15 DerekConlon

翻轉動畫 - CSS - 移動瀏覽器

回答

相關問題