title: Moving underglow on a Bootstrap Navbar?
body: <p>First question on Stackoverflow but I've used it constantly while learning how to make websites and a bunch of other stuff. I've been using Bootstrap to create a website with a friend and in the past we've both seen websites with really beautiful navbars.</p>
  
  <p>What we're wondering is if we can utilise Bootstrap's navbars and add some additional code to add a sort of under-glow to the buttons! In an ideal world too, this glow would move from button to button following the cursor and reset to the currently active page button if none are hovered over. I'm hoping you've seen something like this before but it's actually difficult for me to find an example of this now.</p>
  
  <p>I've been looking at using this sort of effect but turned upside down</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>body { margin: 30px; }
  
  
  hr {
      border: none;
      border-top: 1px solid #eee;
      height: 5px;
      background: -webkit-radial-gradient(50% 0%, 50% 5px, #aaa 0%, white 100%);
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;hr&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>(Source: <a href="http://jsfiddle.net/sonic1980/65Hfc/" rel="nofollow">http://jsfiddle.net/sonic1980/65Hfc/</a>; (provided by another amazing stackoverflow user))</p>
  
  <p>Is this possible? Thanks for any help, let me know if I can provide any further information.</p>