如何在Angularjs中对ng-repeat滤镜更改进行背景动画？

Question

我想在ng-repeat过滤器中发生更改时添加动画以调整背景div的大小。我找不到这样做的方法，因为在此过程中没有真正发生css变化。这可能吗？

简单示例：

<div style="border: 1px solid black; width: 100px; transition: all 1s ease; background-color: green;">
  <p ng-repeat="item in items | limitTo:limit">{{item}}</p>
</div>
<button ng-click="changeLimit()">Change limit</button>

这是一个简单的代码：https://codepen.io/anon/pen/PQbZNY