是否可以对 Flexbox 插入、删除和项目位置进行动画处理？

Question

这个问题最初是在 2012 年提出的，但提供的答案并未涵盖我感兴趣的用例（包装内容更改行的平滑移动）。

“当我从弹性盒中删除一个项目时，剩余的项目会立即“捕捉”到它们的新位置，而不是动画。

从概念上讲，由于这些项目正在改变其位置，因此我希望过渡能够应用。

我已经在所有涉及的元素（弹性盒和子元素）上设置了过渡属性

有没有办法对 Flexbox 进行动画编辑（添加和删除）？”

我对包裹到其他行/列的弹性盒项目的运动动画特别感兴趣。

所需的最终功能将类似于Metafizzy 的同位素中可用的功能。

Answer 1

简短的回答是否定的（或者至少现在还没有）。Flex-order 实际上是可设置动画的，因为在给定的时间范围内，它会在您想要的位置之间一次移动一个位置，但您不会获得元素的平滑转换。