Angular 角度2-过滤时卡片平移动画

你知道在angular 2中过滤卡片时如何进行动态转换吗？类似于此引导主题的动画：

（单击按钮时，页面底部的公文包动画）

---

非常感谢你的帮助

我做这件事的唯一方法是在CSS中使用属性

transform:translate

让我们检查一下您链接到帖子的网站：它是具有类

.shuffle item

和

.filtered

的元素，该类元素使用此属性从一个位置移动到另一个位置。您必须计算每个元素的新位置

x，y

。例如，在您提供的网站上，每行有4个元素。如果需要13元素的坐标，

x=13%4=1

和

y=13/4=3

。您只需要将这些数字乘以元素宽度和元素高度