Javascript AngularJS翻转和生长div

我是Angular/CSS新手，我一直在学习如何翻转卡片以及如何应用不同的旋转和动画。我有两种口味，你可以在鼠标悬停和点击时翻动。我有一个新的ng应用程序，它有一个控制器，可以切换css类来翻转div，所有这些都很好。然而，我想要实现的是：

这是在JQuery中，老实说，我不知道如何最好地将其转化为角度世界。我已经开始创建一个尝试这样做的指令，但我有点被卡住了。基本上，我所拥有的是链接函数，它绑定元素click，这是我的卡片，但我甚至无法访问元素的位置

链接：函数（范围、元素、属性）{
元素绑定（'click'，function（）{