how to animate icon fa-circle using CSS to look as recording video blinking red dot?
<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>