Как изменить скорость CSS-анимации? ⇐ Jquery

[Anonymous]

У меня есть анимация:

Код: Выделить всё

img.rotate {
animation-name: rotate;
animation-duration: 1.5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}

@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

У меня есть вращающееся изображение на бесконечности. Теперь я хочу изменить скорость вращения с помощью JS. Я попробовал:

Код: Выделить всё

$('img').css('animation-duration', '2s');

Длительность меняет скорость, но анимация перезагружается до значения кадра 0% (первое), но я просто хочу, чтобы анимация продолжалась, как будто ничего не произошло; Я не хочу возвращаться к 0%.

Как мне это сделать?

Подробнее здесь: https://stackoverflow.com/questions/203 ... -animation