Javascript 如何使用css使图像缩放到悬停效果的左侧？

我正在开发一个简单的图像视图，当用户放置鼠标点时，我希望图像放大到左侧。当前我已经能够使图像缩小，但默认情况下它会向右移动。这是我的密码

.imageDiv{
位置：静态；
高度：130像素；
宽度：160px；
-webkit过渡：所有1s轻松；
-moz转换：所有1秒轻松；
-ms转换：所有1秒轻松；
过渡：所有的1容易；
变换：比例（1）；
}
.imageDiv：悬停{
宽度：300px；
高度：250px；
位置：相对位置；
显示：块；
边框：3px实心#fed136；
背景色：#b20000；
边界半径：20px；
位置：相对位置；
z指数：999；
}

悬停时可能会出现边界问题。请选中Transform origin您可以为其添加负边距：位置：如果未设置任何位置，则默认位置为静态。非常感谢Danmoreng提供的链接，这正是我想要的。我把（左边距：-140px；）放在我的悬停样式中，它的工作非常完美