如何使图像不会移动而不是鼠标移动

Question

在一个内嵌显示并由图像组成的列表中，如何制作除鼠标之外的图像，而不是移动？当我将鼠标放在图像上时，两侧的图像也会移动。我怎么能让他们不动？ （我设置了

图像的CSS设置

img {
     width:42px;
     height:60px; 
    }
img:hover {
    width:62px;
    height:80px;

所以它只是在鼠标放好时调整大小。）

Answer 1

也许这就是你要找的？

img:hover {
  -webkit-transform: scale(1.30);
  -moz-transform: scale(1.30);
  -o-transform: scale(1.30);
  transform: scale(1.30);

  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 2;
}

Demo