I’m just curious did you ever noticed that sometimes when you hover on an object that have transform transition, it just jumps to the final frame?
Seems that there aren’t any transition at all!
So I figured out an smart hack to avoid this bug, just try to add “background-color: (desired color);” to the object you want to animate and transform will work properly.
So if you have transform applied to images, you can also use the same hack but with a difference: “background-color: rgba(0,0,0, 0.01);”
By this way, you can animate your object without any browser weird bugs, and even on images you wont feel any difference, because the alpha value is so low that we wont even notice any background change.
Well if you didn’t noticed, you can can see the example below: