Usando le animazioni CSS3 in IE9 +

Ho cercato di far funzionare queste animazioni CSS3 in IE9 per alcune ore oggi e sono perplesso!

Ho provato a implementare alcuni fallback JavaScript, ma la mia conoscenza è molto limitata, quindi hanno fallito. Non sono sicuro se si è verificato un errore a causa di errori o errori di codice dell’utente.

Ecco un jsFiddle del mio codice finora, ho sostituito le immagini di sfondo con i colors. Fondamentalmente i quadrati verdi e neri ruotano nei browser Firefox e Webkit.

http://jsfiddle.net/fJxsV/

Voglio farlo funzionare anche su IE9.

Se puoi aiutarmi con questo, ti sarei molto grato!

Vorrei utilizzare Modernizr per rilevare quando le animazioni CSS non sono supportate. Con Modernizr, è semplice come:

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

Per quanto riguarda la rotazione con jQuery, vorrei usare: http://jqueryrotate.com/