Использование CSS3-анимации в IE9 +

Question

Я пытался заставить эти анимации css3 работать в IE9 в течение нескольких часов сегодня, и я в замешательстве!

Я пытался реализовать несколько откатов JavaScript, но мои знания очень ограничены, поэтому они потерпели неудачу.Я не уверен, что это не помогло из-за моих пользовательских ошибок или ошибок кода.

Вот jsFiddle моего кода, я заменил фоновые изображения цветами.В основном, зеленые и черные квадраты вращаются в браузерах Firefox и Webkit.

http://jsfiddle.net/fJxsV/

Я хочу, чтобы он также работал на IE9.

Если вы можете мне помочьс этим буду очень признателен!

Answer 1

Я бы использовал Modernizr , чтобы определить, когда анимации CSS не поддерживаются. С Modernizr это так просто, как:

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

Что касается вращения с помощью jQuery, я бы использовал: http://jqueryrotate.com/