在如下的演示中,为什么想让绿色div移动到末尾,设置的order是5而不是4?不是只有4个div吗,为什么设置成@keyframes mymove{50% {order:4;} }时,绿色div只能移动到第三个位置处?
@keyframes mymove
{
50% {order:5;} 【可以移动到第四格】
}
---------------------------------------
@keyframes mymove
{
50% {order:4;} 【只能移动到第三格】
}
你动画设置order为4,因为你在元素上已经设置了粉div为4了,而且DOM元素的结构粉div在最后,当order相同时,写在前面的div会更靠前,因而绿色div不会运动到粉色div后面