Html CSS缩放不从中心缩放

我正在使用scale来放大悬停中的一个元素，在我添加transform:translate（-50%，-50%）之前，它工作得很好。然后它开始从右下角而不是从中心缩放元素。 这是我的密码：

.skyimage{
高度：100px；
宽度：100px；
位置：绝对位置；
左：50%；
转换：翻译（-50%，-50%）；
顶部：150px；
过渡：.5s；
背景：透明；
}
.skyimage:悬停{
转换：比例（1.2）转换（-50%，-50%）；
}

转换的含义：translate（-50%，-50%）是：-

-沿x轴向左移动我宽度的50%，然后

-沿y轴将我的身高向上移动50%

---

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

嗨，你能显示代码片段或沙盒（JSFIDLE，codepen）吗？我一直在处理一个HTML文件，但如果可能的话，我可以给你发一个视频将

比例

转换移动到

翻译后的位置。。。订购事宜。是的，成功了，谢谢！如果我只做变换：缩放（1.2）；，当我将鼠标悬停在该元素上时，该元素将向左和向下移动。因此，添加转换转换确实有帮助，但它看起来仍然有点奇怪。如果可能，请上载完整代码并从中删除转换命令。skyimage也有完整代码超过300行