title: How do I run an CSS animation when a Dashing Widget is updated?
body: <p>I am making a Dashing widget and I would like the text to fade in/out when the widget is updated.  At this point I can only get the widget to animate when the dashboard page is loaded.  What do I need to add so that the animation runs every time the widget is updated?</p>
  
  <p>Here is the scss for the widget: </p>
  
  <pre><code>// ----------------------------------------------------------------------------
  // Sass declarations
  // ----------------------------------------------------------------------------
  $background-color:  #ec663c;
  
  $title-color:       rgba(255, 255, 255, 0.7);
  $moreinfo-color:    rgba(255, 255, 255, 0.7);
  
  // ----------------------------------------------------------------------------
  // Widget-text styles
  // ----------------------------------------------------------------------------
  .widget-textblink {
  
    background-color: $background-color;
  
    .title {
      color: $title-color;
    }
  
    .text {
      color: $moreinfo-color;
      animation: blink;
      animation-duration: 1s;
      animation-iteration-count: 15;
    }
  }
  
  @keyframes blink {
      0% { opacity: 1.0; }
      50% { opacity: 0.35; }
      100% { opacity: 1.0; }
  }
  </code></pre>
  
  <p>Here is the html:</p>
  
  <pre><code>&lt;h1 class="title" data-bind="title"&gt;&lt;/h1&gt;
  
  &lt;p class="text" data-bind="text"&gt;&lt;/p&gt;
  </code></pre>
  
  <p>The coffee file is empty. </p>