title: A "flash" of color, using pure css transitions
body: <p>I am trying to give users a "flash" of color when there is a click event.  I can get the color to appear in a pleasing fashion using a transition, however I want the color to disappear after .5s, without removing the "active" class.  One requirement though is that I cannot use jQuery animations and this must be done in CSS. </p>
  
  <p>Below is the css I am using currently. </p>
  
  <pre><code>.active{
    background-color: yellow;
    -webkit-transition: background-color .5s linear;
    transition: background-color .5s linear;
  }
  </code></pre>
  
  <p>I tried specifying a second value however I do not think this is valid markup as it does not work.</p>
  
  <pre><code>.active{
    background-color: yellow;
    -webkit-transition: background-color .5s linear, background-color:transparent .5s linear;
    transition: background-color .5s linear, background-color:transparent .5s linear;
  }
  </code></pre>
  
  <p><a href="http://jsbin.com/itivum/1/edit">http://jsbin.com/itivum/1/edit</a></p>