Почему не работает style.transform?

Question

[Ленар Фаттахов]

Анимирую блок через velocity.js, на событие complete хочу навесить возвращение в исходную точку, но почему то присваивание через style.transform не сработало. В чем может быть причина?

jsfiddle.net/nbLLzqn0

UPDATE: Была опечатка, el[0].style.transform = "translateX(0px);" - тут точка с запятой лишние.
Теперь другая проблема, я хочу каждый раз запускать анимацию заново, но например с другими значениями времени. Но анимация работает только в первый раз, потом дергается каждый цикл и все.
jsfiddle.net/nbLLzqn0/2

Answer 1

[Ленар Фаттахов]

В конце концов просто заменил строчку
el[0].style.transform = "translateX(0px)"
на
$(el).velocity({translateX: 0},{duration:0});

Answer 2

[Денис Инешин]

Может проще через @keyframes?

Comments

[Ленар Фаттахов]

Проще. Но, к сожалению, не для IE9

[Денис Инешин]

Ленар Фаттахов: а отсутствие анимации в IE9 это не минус. Это разумная деградация. Вспомните, где обычно стоят IE9? В старых конторах, на древних компах. Там отсутствие анимации - это спасение просто. Я уверен, тамошние пользователи матом кроют таких вот разработчиков, которые "заботятся" о них так). Представляете какие там могут быть адские тормоза?

[Ленар Фаттахов]

Денис Инешин: полностью с вами согласен, но тут такие требования по браузерам. К тому же мне самому хочется разобраться с библиотекой)