Как продолжить css анимацию с текущего момента?

Question

[kappka]

Здравствуйте.
У меня есть бесконечная анимация в CSS для элемента (animation: infinite )
По клику на кнопку необходимо проиграть другую анимацию для этого элемента, которая уже конечна.
Если это реализовывать посредством смены css класса, то получается что элемент "дергается", так как новая анимация начинается не с тех позиций, в которой находится элемент на момент нажатия кнопки.

Подскажите, пожалуйста, можно ли это реализовать с плавным переходом?