title: Animate background between original and set color
body: <p>I have HTML elements with random initial background colors.</p>
  
  <p>I need to animate background color of selected element between original (initial) and new one.</p>
  
  <p>I've been trying to use:</p>
  
  <pre><code>@keyframes blink-red {    
      0% { background-color: initial; color: initial; }
      100% { background-color: red; color: #000; }
  }
  </code></pre>
  
  <p>But it seems to ignore "initial" setting.</p>
  
  <p>I know it can be done with JavaScript by probing initial color, but would love to do it with pure css.</p>
  
  <p>Code pen: <a href="https://codepen.io/kheim/pen/GGrMoj" rel="nofollow noreferrer">https://codepen.io/kheim/pen/GGrMoj</a></p>
  
  <p>Thanks!</p>