效果

HTML

    <div class="img-wrap">
      <img class="img-item" src="../assets/1.png" alt="" srcset="">
    </div>

CSS

<style lang="less" scoped>
.img-wrap {
  /* 超出隐藏 */
  overflow: hidden;
  .img-item {
    /* 过渡效果 */
    transition: all .3s ease .1s;
    &:hover {
      /* 宽高均放大1.2倍 */
      // transform: scale(1.2);
      /* 宽放大1.5倍，高放大2倍 */
      transform: scale(1.5, 2);
    }
  }
}
</style>