Utilisation des animations CSS3 dans IE9 +

J'ai essayé d'obtenir ces animations css3 pour travailler dans IE9 pendant quelques heures aujourd'hui et je suis perplexe!

J'ai essayé de mettre en œuvre quelques repli de JavaScript, mais ma connaissance est très limitée, donc ils ont échoué. Je ne suis pas sûr s'il échouait en raison de mes erreurs d'utilisateur ou de mon code.

Voici un jsFiddle de mon code jusqu'à présent, j'ai remplacé les images d'arrière-plan par des couleurs. Fondamentalement, les carrés vert et noir tournent dans les navigateurs Firefox et Webkit.

Http://jsfiddle.net/fJxsV/

Je veux l'avoir en cours d'exécution sur IE9 aussi.

Si vous pouvez m'aider avec cela, je serais très reconnaissant!

J'utiliserais Modernizr pour détecter quand les animations css ne sont pas prises en charge. Avec Modernizr, c'est aussi simple que:

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

En ce qui concerne la rotation avec jQuery, j'utiliserais: http://jqueryrotate.com/