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

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;