CSS3 hover effects make weird impact on other elements in Chrome -

I have styled one of my images with this CSS3 hover effect:

The problem is That's what some other elements on the Chrome page seem to have with this hover effect. For example, when I hover the image then my top menu item links 5px back to the right and when the hover effect ends, apart from this, a couple of block coat elements are affected in this way. These few other elements are given the "padding" value by the effect of the CSS3 transition effect in some weird way.

I got this problem and none of Firefox, so this problem is only in Chrome itself.

Has any of you experienced something like this before?

I just had to apply: -webkit-backfaces-visibility: hidden; All the affected elements and everything else works well in Chrome.