Изменение непрозрачности с помощью наведения создает смещение изображения или искажение

Question

У меня есть jsfiddle here, который показывает, что с a:hover, изменение непрозрачности сдвигает (или искажает) изображение.

Это видно в Firefox.

Может кто-нибудь объяснить, что может происходить, и как сохранить изображение от изменения? Заранее спасибо.

Answer 1

Я нашел ответ на this so post.

Для меня решение было использовать следующее на img

-webkit-transform: rotate(0); 
-moz-transform: rotate(0); 
transform: rotate(0); 
-webkit-backface-visibility: hidden;