Css 过渡正在影响其他图片

我已经用css创建了悬停过渡图像。但当我将鼠标悬停在第一张或第二张图像上时，其他图像的像素会在瞬间发生变化。这是什么？解决方案是什么

我从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);
    }

---

在

img

上使用

backface visibility

，这将修复它

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

---

在

img

上使用

backface visibility

，这将修复它

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

---

只需添加

-webkit背面可见性：隐藏到您的
.abo\u img

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

查看它
只需添加
-webkit背面可见性：隐藏到您的
.abo\u img

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

看到了吗
对我来说像是JS问题。@Paulie会检查我的答案，
backface visibility
会解决这个问题。又是什么让你认为这是一个JS问题？（只是出于好奇）在我看来像是JS问题。@Paulie会检查我的答案，
backface visibility
会解决这个问题。又是什么让你认为这是一个JS问题？（只是出于好奇）这很好。但是如果我使用
背面可见性
，那么所有像素值​​图像的效果被扭曲了。@Hmm，我还以为这是你想要的效果呢！哈，我现在要看一看。但那张照片以前也这么做过，不是吗？是的。谢谢你的回答，这很好。但是如果我使用
背面可见性
，那么所有像素值​​图像的效果被扭曲了。@Hmm，我还以为这是你想要的效果呢！哈，我现在要看一看。但那张照片以前也这么做过，不是吗？是的。谢谢你的回答。