Анимация CSS3 не работает в IE9

Анимации CSS3 не работают в IE9. Вот ссылка jfiddle . Можно ли заставить их работать в IE или я делаю какую-то глупую ошибку? Вот код, который не работает:

@-ms-keyframes rotating {
  0% { -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); }
}

#rotateMe{
  -ms-animation: rotating 5s linear infinite;
}

Поскольку IE не поддерживает эту функцию, я создал запасной вариант, используя подключаемый модуль jquery rotate

. вот моя запасная функция для IE:

$(function() {
    if (!$.support.transition){
        var angle = 0;
        var angle2 = 0;
        setInterval(function(){
              angle+=0.3;
              angle2-=0.3;
             $(".rotateRing").rotate(angle);
             $(".rotateRingReverse").rotate(angle2);
        },50);
    }
});

10
задан hjuster 12 August 2012 в 15:58
поделиться