Как сделать «доводку» анимации?

Question

[vasIvas]

Есть квадрат, который по ховер вращается вокруг своего центра при помощи свойства animation.
animation-iteration-count установлен в infinite и при прикращении hover квадрат резко втает в начальное положение. Возможно ли только на одном css сделать плавную доводку в начальное состояние.
И был бы рад, если бы оказалось возможным плавно вернуть в начальное положение. То есть не довести до конца, а всегда с постоянной скорость возвращать в начальное положение.

Comments

[Alex]

без кода вам наврятли помогут. джсфиддле или кодепен в помощь!

[vasIvas]

Alex: ну если кому-то сложно три строчки кода написать, то они врят ли вообще понимают о чем речь.

[Alex]

vasIvas: неверный подход, если нужна помощь...

[vasIvas]

Alex: если бы я спросил - "как покрасить слова в span в крассный цвет" Вы бы тоже сказали что без кода мне не помогу? Это неверное мышление...

[Alex]

vasIvas: Ок я потратил лишнее время на то чтобы создать фиддл jsfiddle.net/opL4phzw
Это единственный вариант который мне видится без JS.

А вот JS https://css-tricks.com/controlling-css-animations-...

Answer 1

[Pshkll]

На CSS никак. Здесь JS разве.