如何使由于flex-grow而产生的长度变化有过渡动画？

.container { display: flex; height: 100px;}.A { flex-grow: 1; background-color: red;}.B { flex-basis: 70%; background-color: blue; transition: all 1s ease-in;}.A:hover + .B { flex-basis: 0;}