title: how to animate icon fa-circle using CSS to look as recording video blinking red dot?
body: <p>I have this red icon in CSS:</p>
  
  <pre><code>&lt;div&gt;&lt;i class="fa fa-circle text-danger"&gt;&lt;/i&gt;&amp;nbsp; LIVE &lt;/div&gt;
  </code></pre>
  
  <p>How can I animate it to blink on an interval?</p>
  
  <p>You remember in webcams and recorders cameras you can see a red dot blinking when is actually recording? I want the same effect, how can I do that in CSS? is it hard?</p>
  
  <p>For example:
  <a href="http://jsbin.com/loxayazega/edit?html,output" rel="noreferrer">http://jsbin.com/loxayazega/edit?html,output</a></p>