Javascript 是否可以设置flexbox插入、删除和项目位置的动画?

Javascript 是否可以设置flexbox插入、删除和项目位置的动画?,javascript,css,css-transitions,css-animations,flexbox,Javascript,Css,Css Transitions,Css Animations,Flexbox,然而,提供的答案并没有涵盖我感兴趣的用例(包装内容更改行的平滑移动) “当我从flexbox中删除一个项目时,其余的项目会“捕捉”到 它们的新位置会立即更新,而不是设置动画 从概念上讲,由于项目正在改变它们的位置,我会 期望这些转换适用 我已经在所有涉及的元素上设置了transition属性( flexbox和孩子们) 有没有办法对flexbox的编辑(添加和删除)设置动画?” 我对包装到其他行/列的flexbox项目的移动动画特别感兴趣 所需的终端功能类似于可用的功能简短的回答是“否”(或至少

然而,提供的答案并没有涵盖我感兴趣的用例(包装内容更改行的平滑移动)

“当我从flexbox中删除一个项目时,其余的项目会“捕捉”到 它们的新位置会立即更新,而不是设置动画

从概念上讲,由于项目正在改变它们的位置,我会 期望这些转换适用

我已经在所有涉及的元素上设置了transition属性( flexbox和孩子们)

有没有办法对flexbox的编辑(添加和删除)设置动画?”

我对包装到其他行/列的flexbox项目的移动动画特别感兴趣


所需的终端功能类似于可用的功能

简短的回答是“否”(或至少还没有)。“灵活顺序”实际上是可以设置动画的,因为在给定的时间范围内,它会在您所需的位置之间一次移动一个位置,但您将无法获得元素的平滑转换。

我可以做到,这是一个小技巧

没有包装,它更容易 基本上,您需要将所有flex项设置为
width:0;弹性增长:1

但是当你想让它与包装一起工作时,它就变得有点难了,因为项目需要有
宽度
,以便可以包装它们,所以通过一些设置超时,我可以完成可能重复的@BrettDeWoody,OP特别链接了这个问题,并声明它可以追溯到2012年……解决方案(发布于2014年7月26日)包含在该问题中。是的,但该解决方案不包括或解决我提到的用例,其中元素被包装成多行。嗨,John,我这里有一个类似的CSS转换问题。如果你知道答案,我将非常感谢!