当它们在React js中更改屏幕上的行大小时，如何为flexbox包装中的项目设置动画

Question

我们有一个带有flex属性的容器。当我们调整浏览器的大小（即最小化）时，每个项目都会相应地重新排列。我只想向此事件添加动画。我该怎么办？

css

.container {
    display: flex;
    overflow: hidden;
    flex-wrap: wrap;
}

.container-item {
    position: relative;
    display: block;
    height: 200px;
    flex-grow: 1;
}

img {
    height: 200px;
    object-fit: cover;
    max-width: 100%;
    min-width: 100%;
    vertical-align: bottom;
}