How to add a negative value to a translate

Question

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

i want to move that image -10px

Answer 1

check it bro

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

Answer 2

@keyframes recoil{
to {
transform: translateX(-10px);
}
}

Answer 3

thanks mahdi and calvin bro

Answer 4

For better performance, you should use translateX rather than left

Answer 5

Calviղ thanks for your suggestion!