帶轉換旋轉的麻煩+ IE9/10

Question

希望有人能引導我走向正確的方向，因爲我一直試圖完成這項任務幾個小時，似乎無法提供一個可用的跨瀏覽器組合CSS/Javascript。

基本上，我想要做的是使用CSS和Javascript的「卡片翻轉」。 該代碼在谷歌瀏覽器中的工作非常好，但我似乎無法讓它在IE9/10中運行。 以下是樣本jsFiddle。

在IE10中查看相同的jsfiddle時，只能看到卡的背面，並且動畫不起作用。

有什麼建議嗎？

Ignore this - need a code snippet to post the above jsFiddle link. 

Answer 1

的的jsfiddle樣品只工作了Chrome瀏覽器（更準確地說，WebKit瀏覽器）。 這是相當邏輯的，因爲在這裏只使用css-webkit屬性。

要使用應該也完全適用於IE10（和Firefox甚至沒有在你的問題中提到）工作卡翻轉動畫

時退房W3school page for more details on the 3D Transforms CSS properties你需要使用。

現在的問題：IE9。

1. IE9不提供CSS動畫。你必須使用Javascript（jquery animate）的後備 。
2. IE9不提供rotatey的可能性。但是，它提供了flipX。 是的，你不會有3D效果，但你仍然會有 翻轉效果。

IE9的翻轉屬性是

filter: FlipH; 
-ms-filter: "FlipH";