web-dev-qa-db-fra.com

Utilisation d'animations CSS3 dans IE9 +

J'essaie de faire fonctionner ces animations css3 dans IE9 depuis quelques heures aujourd'hui et je suis perplexe!

J'ai essayé d'implémenter quelques solutions de rechange JavaScript, mais mes connaissances étant très limitées, elles ont échoué. Je ne sais pas s'il a échoué en raison de mes erreurs d'utilisateur ou de 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 verts et noirs tournent dans les navigateurs Firefox et Webkit.

http://jsfiddle.net/fJxsV/

Je veux également le faire fonctionner sur IE9.

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

24
Mathew Hood

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 
}

Quant à la rotation avec jQuery, j'utiliserais: http://jqueryrotate.com/

24
eivers88