Как приостановить переход CSS? ⇐ Jquery

[Anonymous]

Мне нужно приостановить переход CSS в любой момент во время перехода. Я знаю, что есть решение, позволяющее вычислить текущее значение свойства перехода и применить его напрямую, однако это дало мне «прыгающие» результаты в Safari и IE11.

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

https://jsfiddle.net/j8p0msff/

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

$('#pause').on('click', function() {
$('.ball').css('transition-duration: 5000s');
});

Есть еще идеи? Спасибо!

Подробнее здесь: https://stackoverflow.com/questions/430 ... transition