CSS缩放比例未从中心缩放[重复]

Question

此问题已经在这里有了答案：

How to keep origin in center of image in scale animation?（1个答案）

关闭2分钟前。

我正在使用scale来将鼠标悬停在某个元素上，并且在我添加transform：translate（-50％，-50％）; 。然后，它开始从右下角而不是从中心缩放元素。这是我的代码：

.skyimage{
  height:100px;
  width:100px;
  position:absolute;
  left:50%;
  transform:translate(-50%,-50%);
  top:150px;
  transition:.5s;
  background:transparent;
}


.skyimage:hover{
  transform:scale(1.2) translate(-50%,-50%);
}

Answer 1

转换的意思：translate（-50％，-50％）是：-

[沿x轴向左移动我宽度的50％，并

[沿y轴将我向上移动我的高度的50％

因此，这将不会从中心缩放图像，因为该比例就足够了