Как плавно изменить скорость css анимации при наведении?

Question

[Сергей Сергеев]

Как в данном примере, плавно изменить скорость анимации при наведении мыши?
https://jsfiddle.net/2sadzkdx/

В данный момент происходит неприятный рывок и резкая остановка.

Comments

[Kovalsky]

Google => "css smooth change animation speed on hover"

Answer 1

[zoozag]

Обратите внимание на свойство animation-timing-function