Как добавить transition к блоку после остановки transform?

Question

[Murat Atila]

Здравствуйте.
Делал небольшую анимацию и возникла проблема. Анимация работает при hover, но еcли во время анимации убрать курсор за границы блока, анимация прерывается и без каких-либо переходов изображение принимает первоначальное положение. Можно ли добавить эффект, чтобы изображение плавно вставало на место, а не скачком. Или как можно сделать, чтобы анимация не прекращалсь, а прошла от начала и до конца, если даже курсор вышел за границы блока.
Легче показать, чем объяснить.

jsfiddle.net/xwr60vuu

Answer 1

[Alexander Sydorenko]

Здравствуйте!

Скачек наблюдается потому, что пропущен keyframe 80%. Нарушена линейность процесса.

Comments

[Murat Atila]

Вы видимо неправильно поняли,keyframe 80% не причём. Во время анимации если вывести мышку за грани блока, анимация ломается.

[Alexander Sydorenko]

А.. действительно.. я думал Вас смущает скачек в вращении когда все наведено.. прошу прощения.