переход влияет на другие фотографии

Question

Я создал изображение перехода с использованием css. Но когда я нависаю над первым или вторым шрифтом, тогда другой пиксель изображений меняется в одно мгновение. Что это такое и для чего это решение?

Я создал этот DEMO из codepen

Это переходный CSS для моих изображений:

.abo_im { 
    float:left; 
    width:170px; 
    height:150px; 
    overflow:hidden; 
    -webkit-transition: all .3s ; 
    -moz-transition: all .3s ; 
    -ms-transition: all .3s ; 
    -o-transition: all .3s ; 
    transition: all .3s ; 

} 
    .abo_im img { 
     width:100%; 
     -webkit-transition: -webkit-transform 0.5s ease; 
    -moz-transition: -moz-transform 0.5s ease; 
    } 
    .abo_im:hover img { 
     -webkit-transform:scale(1.25); /* Safari and Chrome */ 
     -moz-transform:scale(1.25); /* Firefox */ 
     -ms-transform:scale(1.25); /* IE 9 */ 
     -o-transform:scale(1.25); /* Opera */ 
     transform:scale(1.25); 
    } 

Answer 1

Использование backface-visibility на img, это исправить.

-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */ 
backface-visibility: hidden; 

Demo Here

Answer 2

Просто добавьте -webkit-backface-visibility: hidden; к вашему .abo_im img

.abo_im img { 
width: 100%; 
-webkit-transition: -webkit-transform 0.5s ease; 
-moz-transition: -moz-transform 0.5s ease; 
-webkit-backface-visibility: hidden; 
} 

Посмотреть here