使用CSS中的动画将高度从固定高度更改为另一个高度

Question

我有几个固定高度为200px的图像元素，单击该元素时，会向该元素添加一个不同的类。

<div class="image-wrapper">
    some content
</div>

，当单击它时将为：

 <div class="image-wrapper larger">
    some content
</div>

在CSS中，我有这个：

.image-wrapper{
   height: 200px;
}
.img-wrapper.larger{
    min-height: 700px;
    transition: 1.25s ease-in;

}

我添加了此过渡，但它并不平滑，我希望图像以平滑的方式变大