title: How to create glowing effect with HTML 5
body: <p>Looking for help implementing that little blue dot as seen on Stacks new Documentation site, it's perfect for animating a dashboard I'm building that shows service health/metrics. I grabbed html/css using Chrome's inspector, but I'm terrible at this stuff, I can't even get a dot, much less a blue one that glows ;-D</p>
  
  <p><a href="https://jsfiddle.net/raffinyc/3trup2c1/" rel="nofollow noreferrer">https://jsfiddle.net/raffinyc/3trup2c1/</a></p>
  
  <pre><code>.help-bubble:after {
    content: "";
    background-color: #3af;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    display: block;
    top: 1px;
    left: 1px;
  }
  &lt;span class="help-bubble-outer-dot"&gt;
          &lt;span class="help-bubble-inner-dot"&gt;&lt;/span&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/WeMGG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WeMGG.png" alt="enter image description here"></a></p>