Javascript 旋转两个div后将其移动到另一个div

我试图用两个不同的div和一些动画来“交换”位置

在旋转一些包装器之前，代码可以正常工作，但在旋转之后，它只是一种不规则的行为。我读过关于如何在旋转后找到左侧和顶部的各种帖子，但是这些对动画没有帮助

---

我知道解决方案很难，因为我在这里研究并尝试了很多方法，从得到矩阵到应用ax+cy。。。我见过的jQuery黑客。都没有用

你能在这里重现这个问题吗？你可以在这里发布嵌入的js/css/html。你的确切问题是什么？事实上，我发现使用css旋转会改变x轴和y轴。因此，这个问题导致了jQuery动画的意外结果。