title: highlight/blink an item after pushing it on to a list
body: <p>I have a list of objects that I use to build an unordered list with ng-repeat.  After a new item is added I would like that item to blink or have some effect to draw the users attention to it.  This wouldn't be too difficult with jQuery but I'm trying to do it with only AngularJS</p>
  
  <p>index.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app="app"&gt;
  
    &lt;head&gt;
      &lt;link rel="stylesheet" href="style.css"&gt;
       &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"&gt;&lt;/script&gt;
       &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular-animate.min.js"&gt;&lt;/script&gt;
      &lt;script src="script.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
  
    &lt;body&gt;
      &lt;h1&gt;Hello Plunker!&lt;/h1&gt;
      &lt;div ng-controller="MainCtrl"&gt;
        &lt;input type="text" ng-model="formData.itemText" /&gt;
        &lt;button ng-click="addItem()"&gt;Add&lt;/button&gt;
        &lt;ul&gt;
          &lt;li ng-repeat="item in items"&gt;{{item.itemText}}&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>script.js</p>
  
  <pre><code>app = angular.module("app", ["ngAnimate"])
  
  app.controller("MainCtrl", function($scope){
    $scope.items = []
    $scope.formData = {}
    $scope.addItem = function(){
      $scope.items.push($scope.formData)
      $scope.formData = {}
    }
  })
  </code></pre>
  
  <p>plnkr </p>
  
  <p><a href="http://plnkr.co/edit/kqOLpxy2HjPhxnjXHu2L?p=preview" rel="nofollow">http://plnkr.co/edit/kqOLpxy2HjPhxnjXHu2L?p=preview</a></p>