css - 如何在将图像底部保持在固定位置的同时垂直缩放图像？

Question

如何在固定图像底部位置的同时垂直缩放图像？目前，图像在两个方向（上/下）拉伸。我也尝试过平移图像的位置，但这消除了缩放效果。

这是我的关键帧定义：

@-webkit-keyframes readyToFight {
   0% { -webkit-transform: scaleY(1.0); }
   100% { -webkit-transform: scaleY(1.07); }
}

...这是我使用关键帧的方式：

-webkit-animation: readyToFight 0.5s linear 0.5s infinite alternate;