瀏覽器CSS變換立方體從立方體翻轉

Question

我需要一些幫助與3d變形。轉換是在a：hover事件中使用：hover和a：before僞元素轉換爲垂直翻轉，就像crad filp，但它在菜單的基線處開始翻轉，它應該看起來像一個向上翻轉的立方體。以下是代碼codepen上的代碼請嘗試讓它在Webkit和Mozilla以及IE瀏覽器中運行，請參閱您可以執行的操作。

我的例子是有限的，但它在FireFox中工作，沒有其他瀏覽器，所以這將在IE和chrome中首先得到更好的測試。 example

PS。粉色a：在元素需要在A標籤底部的平面表面上轉換之前，a：before標籤應該向上製作動畫，而不是懸停的定位標籤（-90deg我認爲），當它動畫粉紅色代替第一個標記顯示的標記

Answer 1

您應該發佈代碼而不是鏈接。但是，從您的codepen我可以告訴你不使用供應商前綴來支持多個瀏覽器。

當您使用transition，transform，等你應該寫

-webkit-transition: all .3s; 
-mos-transition: all .3s; 
-ms-transition: all .3s; 
-o-transition: all .3s; 
transition: all .3s; 

參見這太問題：Does Internet Explorer support CSS transitions?