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

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

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

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

http://jsfiddle.net/fJxsV/

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

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

источник

2012-01-30 Mathew Hood

+10

CSS3 переходов и анимации не работают в IE9. Они должны * работать в IE10. –

Они работают в IE9 с библиотеками jQuery, позволяющими им. Я просто не знаю, как это реализовать. http://addyosmani.com/blog/css3transitions-jquery/ –

Не совсем :). Этот плагин проверяет поддержку перехода, а если обнаружена поддержка, использует чистые переходы CSS. В противном случае он использует функции внутренней анимации jQuery для выполнения анимации. Плагин не включает переходы CSS3 в IE9, а jQuery не поддерживает анимацию вращения. Вы должны использовать плагин, подобный этому: http://www.zachstronaut.com/posts/2009/08/07/jquery-animate-css-rotate-scale.html, но это не будет делать материал резервного типа как по вашей ссылке. Так что, если он * ДОЛЖЕН * работать в IE9, не беспокойтесь о родном материале CSS3, просто сделайте всю анимацию в JS, используя этот плагин. –

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

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

Как для вращения с JQuery Я хотел бы использовать: http://jqueryrotate.com/

источник

2013-03-05 00:18:45 eivers88

Это не ответ. Вопрос в том, как! –

Вопрос уже ответил в комментариях выше (переходы CSS3 и анимации не работают в IE9). Мой ответ - это решение того, что вы не можете использовать анимацию CSS3 в IE9. – eivers88

Большое спасибо за упоминание jQuery rotate. – LINQ

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

ответ

Смежные вопросы