title: How to use pure CSS to show an animation of one element's background and color property?
body: <p>I want to see whether it's possible to do this:</p>
  
  <pre><code>$('.hello').addClass('hint-auto-fade');
  </code></pre>
  
  <p>I hope the class <code>.hint-auto-fade</code> can be something like add a background of <code>#ffe</code> and color of <code>#f00</code> to the <code>.hello</code> elements and fade away in 5 or 10 seconds. The elements then go back to its former background/color property (if has).</p>
  
  <p>Thanks</p>