fr_end
@fr_end
Frontend разработчик

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

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

jsfiddle.net/nbLLzqn0

UPDATE: Была опечатка, el[0].style.transform = "translateX(0px);" - тут точка с запятой лишние.
Теперь другая проблема, я хочу каждый раз запускать анимацию заново, но например с другими значениями времени. Но анимация работает только в первый раз, потом дергается каждый цикл и все.
jsfiddle.net/nbLLzqn0/2
  • Вопрос задан
  • 394 просмотра
Решения вопроса 1
fr_end
@fr_end Автор вопроса
Frontend разработчик
В конце концов просто заменил строчку
el[0].style.transform = "translateX(0px)"
на
$(el).velocity({translateX: 0},{duration:0});
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
IonDen
@IonDen
JavaScript developer. IonDen.com
Может проще через @keyframes?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы