我的网站上有一组图像，它们有一个悬停动画来使它们放大。是否可以让它们旁边的其他图像改变比例位置以防止重叠？

CSS:

body {
    background-color:#1a1a1a;
  }

img{
    max-width: 15%;
    transition-duration: 0.5s;
    transform-origin: top;
    transform-origin: left;
    border-radius: 25px;
}

img:hover{
    max-width: 17%;
    cursor: pointer;
    transform: scale(150%);
     transform-origin: top;
    transform-origin: left;
}

查看代码页

顺晟科技：

这将根据类向上和向下缩放图像。为了显示的目的，我对css进行了轻微的修改，并添加了JS代码（尽可能清晰地留下注释）。

查看此内容（悬停后，形状正在改变宽度和高度）: