[SOLVED] How to make transition only rotate? please help

Question

ex. I have translate and rotate, I need to animate rotate but not animate translate
transition: transform 1s ease; (animates translate too)
transition: rotate 1s ease; (not work)

HOW not to animate the translate, but to animate the rotate?

Answer 1

transition: transform 1s ease;
tansform: rotate(90deg);
trasition: ;
transform: translate(10px,10px);

Answer 2

If the element is hovered
#element:hover{
transform:rotate(20deg);
}
#element{
transition:1s ease;
}
Please note the # is optional likewise the 20deg

Answer 3

yes but it animates translate(move)

Answer 4

How?

Answer 5

I want to use this in my game, and there the player moves and turns. I need to make it move sharply, but turn smoothly
https://code.sololearn.com/Wf9YP1l6u4jY/?ref=app

Answer 6

It looks good now but still needs some edit

https://code.sololearn.com/W85vl5pMuMLA/?ref=app