纯CSS3翻板兼容性问题

Question

无论我做什么，我都无法让这个鳍状肢适用于所有浏览器。例如，它似乎在最新版本的Mozilla和Opera中运行完美。有时候（也不总是，即使我没有改变过一件事），它也适用于Chrome。

当然，无论版本如何，它都不适用于IE。

这是我们能解决的问题吗？我尝试了很多不同的东西，但似乎我做不到......

最新版本的Chrome，Opera，Mozilla，Safari和IE 9及其中的100％功能IE 10将受到高度赞赏。

演示：https://googledrive.com/host/0B3JEn2iJBANKV3piT2xRek54OWs/index.html

Answer 1

尝试使用cssSandpaper。它应该为您提供所需的支持。或者对不使用转换的版本进行编码，并使用modernizr为支持它们的浏览器应用css。

http://www.useragentman.com/blog/2010/03/09/cross-browser-css-transforms-even-in-ie/

编辑：

实际上，为了您的目的，您需要动画填充。试试这个吧。 http://addyosmani.com/blog/css3transitions-jquery/