我有一个网格，我想要做的是当你点击一个按钮（演示中的橙色）时，一些动画项目会旋转并淡出，而当这种情况发生时，其他项目会被动画填充到空间中，从字面上看在它们制作动画时在它们上面移动。
为了学习，我想在没有插件的情况下做到这一点，但我在两件事上遇到了一些困难。一个不透明度变化动画没有发生，我正在尝试用 CSS3 来做。第二件事是我不确定如何让剩余的项目动画来填充网格间隙。
这是我现在设置的，我希望有人能给我一些想法，这是我开始的：http: //jsbin.com/uYayuXe/8/edit
我有一个网格，我想要做的是当你点击一个按钮（演示中的橙色）时，一些动画项目会旋转并淡出，而当这种情况发生时，其他项目会被动画填充到空间中，从字面上看在它们制作动画时在它们上面移动。
为了学习，我想在没有插件的情况下做到这一点，但我在两件事上遇到了一些困难。一个不透明度变化动画没有发生，我正在尝试用 CSS3 来做。第二件事是我不确定如何让剩余的项目动画来填充网格间隙。
这是我现在设置的，我希望有人能给我一些想法，这是我开始的：http: //jsbin.com/uYayuXe/8/edit