This is my first question on this platform, but I have been using it extensively while learning web development and various other skills. A friend and I have been using Bootstrap to create a website, and we have come across some incredibly stunning navbars on other websites.
Our query is whether it is possible to enhance Bootstrap's navbars by adding a glowing effect to the buttons. Ideally, this glow would follow the cursor as it moves from button to button, resetting to the active page button if none are hovered over. I have tried to find an example of this online, but with no success.
I have considered implementing a similar effect but with an upside-down orientation:
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%);
}<hr>(Source: http://jsfiddle.net/sonic1980/65Hfc/; (provided by another generous stackoverflow user))
Is this idea feasible? Any assistance would be greatly appreciated, and please let me know if additional information is needed. Thank you!