在IE9+中使用CSS3动画

Question

我今天花了几个小时试图让这些css3动画在IE9中工作，但我被难住了！

我尝试实现了一些JavaScript回退，但我的知识非常有限，所以它们失败了。我不确定它是由于我的用户错误还是代码错误而失败。

这是到目前为止我的代码的jsFiddle，我已经用颜色替换了背景图像。在Firefox和Webkit浏览器中，绿色和黑色的方块基本上是旋转的。

http://jsfiddle.net/fJxsV/

我也想让它在IE9上运行。

如果你能帮我解决这个问题，我将不胜感激！

Answer 1

我会使用Modernizr来检测何时不支持css动画。使用现代，它就像这样简单：

if(!Modernizr.cssanimations) {
    //jQuery fallback 
}

至于使用jQuery进行旋转，我会使用：http://jqueryrotate.com/