有没有办法按照弹性箱项目的顺序进行过渡？
换句话说,我可以有这个(这个fiddle的细节)
#container {
display: flex;
}
#container:hover div:last-child {
order: -1;
}
动画(获得新职位的元素假定它是一段时间的位置)请问？
解决方法
可悲的是：order属性是动画的,但只能作为整数.这意味着对于动画的每个步骤/帧,它将通过地板将值插值到neareast整数.因此,项目只会在插槽中显示计算的整数值导致,不会以任何平滑的运动方式中间.
它在技术上仍然是一个动画：计算的整数位置应该遵循动画的时序功能和关键帧规则,只是项目“从某个位置跳转”到位置.
见https://developer.mozilla.org/en-US/docs/Web/CSS/integer#Interpolation
