title: Is it possible to animate cell values changing in ng-grid?
body: <p>I have a grid set up to display some input values and computed values.</p>
  
  <p>The cells all use a custom template, based on the latest default template, that simply changes the color of editable cells:</p>
  
  <pre><code>&lt;div class="ngCellText"
       ng-class="col.colIndex() + (col.enableCellEdit ? ' blueCel' : '')"
       style="text-align:right"
       title="{{COL_FIELD}}"&gt;
    &lt;span ng-cell-text&gt;{{COL_FIELD CUSTOM_FILTERS}}&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>It looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/WgKik.png" alt="enter image description here"></p>
  
  <p>Next I've been tasked with adding a slight animation, like the cell background flashing green then fading back to white, whenever a value has changed. I'm fairly new to angular so I'm not sure where to start. None of the examples I've seen that use ng-animate (list add/remove, element show/hide, etc) seem to translate well to this scenario.</p>
  
  <p>Can someone point me in the right direction, maybe an example of a div or span animating in response to a change in its inner HTML?</p>