我正在创建一个纸牌游戏，我想在其中设置洗牌动画。
想象一张桌子上有 5 张牌：
A B C D E
我想要将其中一张卡片插入新位置的功能。例如insert(D, 1)将D卡插入位置 1 导致：
A D B C E
我目前使用 flexbox 很容易做到这一点，我可以简单地使用 css 属性为每个 div 设置一个排序order。但是 flexbox 不支持动画。我希望能够制作动画D，在所有卡片上方移动并插入到Aand之间B。
我已经看到了可以拖动 div/card 的解决方案，但这不是我想要的。我想以编程方式显示洗牌的每一步。我还看到了像这样“硬编码”动画的解决方案：http: //jsfiddle.net/uNv8C /但我可以拥有任意数量的卡片（合理的数字 52）
任何指针都会非常有帮助。我查看了可排序的 jquery，但没有看到在这里使用它的方法 - 可以在这里使用吗？