Css 单击时的角度动画

我使用的角度，我需要添加一个动画，将增加图像的大小

<div class="card">
  <div class="item images-parent">
  <img src="img/carryout-icon.jpg" class="left-image"></img>
  <img src="img/or.jpg" class="center-image"></img>
  <img src="img/delivery-icon.jpg" class="right-image"></img>
  </div> 
</div>

演示：

当用户单击第一个和第三个图像时，我想将相同的动画/过渡添加到第一个和第三个图像，当用户单击另一个图像时，应该将其删除，即如果我单击第一个图像，它的大小会增加，然后如果我单击另一个图像，第一个图像将恢复正常，第二个图像具有该动画

此外，我也尝试过这样做，但我只是不能得到ngAnimate，我也不是一个CSS的人。此外，任何资源，以帮助像我这样的人将不胜感激

---

我看到的事件，如ngView，ng如果e.t.c，但我真的不想在这样的事件上这些动画。仅当用户单击图像时。我甚至应该在这里使用ngAnimate吗？

我不知道您打算在单击时增加哪个特定图像的大小，但这里有一种方法。 您可以创建一个css类来增加图像，并通过教程来打开或关闭

这是为了确保它更改了类，但如果您想在单击下面的

代码片段时打开/关闭该类

$scope.isActive = false;
$scope.activeButton = function() {
 $scope.isActive = !$scope.isActive;
}  

---

我需要增加左对齐和右对齐图像的大小。当点击左对齐的图像时，其大小应该增加，当点击右对齐的图像时，左对齐的图像应该恢复到正常大小，右对齐的图像应该增加。我在这个punkr中没有看到任何相关内容？我错过了什么吗？你能检查一下这是不是你想分享的链接吗？谢谢：）那个scotch链接也很棒：）：）