动画重新排列水平div

时间:2015-12-22 03:19:27

标签: javascript jquery css animation jquery-flexbox

我正在创建一个纸牌游戏,我想要制作一个随机播放的动画。

想象一下桌子上有5张牌:

A B C D E

我希望功能能够占用1张卡并将其插入新位置。例如,insert(D, 1)会将D卡插入位置1,从而导致:

A D B C E

我目前正在使用flexbox轻松完成此操作,我只需使用css属性order为每个div设置排序。但是flexbox不支持动画。我希望能够为D制作动画,移动到所有卡片之上并插入AB之间。

我已经看过div /卡可以拖动的解决方案,但这不是我想要的。我想以编程方式显示随机播放的每一步。 我也看到过“硬编码”的解决方案。像这样的动画:http://jsfiddle.net/uNv8C/但我可以有任意数量的牌(合理的数字52)

任何指针都会非常有用。我看了jquery sortable,但是没有看到在这里使用它的方法 - 可以在这里使用吗?

0 个答案:

没有答案