我想使用 HTML 5、CSS、jQuery（动画）创建一个布局，如下所示：http: //imgur.com/upRti。我想为瓷砖的多种排列之间的过渡制作动画。例如，在这样的一组图块或框与类似的一组框或图块之间，如http://imgur.com/3ukp8。（为了说明的目的，第二张图片只是第一张图片的旋转，但我们可以期待任何组合和组织的盒子/瓷砖）。
动画应该由按下按钮触发并且应该是可重复使用的，因为可能有无数种方法来组织盒子。我希望过渡像这样工作：每个框在独立路径上移向屏幕右侧，而新框从左侧沿各自独立路径移入。我希望整个动画被限制在它自己的 div 中，这样它就不会干扰页面上的其他元素（导航栏等）。最后一个限制是我希望它可以在大多数现代浏览器中工作（理想情况下也是 IE 8 和 9）。
标记框（两组）最优雅的方式是什么？什么是好的动画功能？