Перемещение underglow на Bootstrap Navbar?

Question

Первый вопрос в Stackoverflow, но я постоянно его использовал, изучая, как создавать веб-сайты и кучу других вещей. Я использовал Bootstrap для создания сайта с другом, и в прошлом мы видели веб-сайты с действительно красивыми наббарами.

Что нам интересно, если мы сможем использовать navbars Bootstrap и добавить дополнительный код для добавления своего рода под-свечение к кнопкам! В идеальном мире это свечение будет двигаться от кнопки к кнопке, следующей за курсором, и сбрасывается на текущую активную кнопку страницы, если ни одна из них не зависнет. Я надеюсь, что вы видели что-то подобное раньше, но мне действительно трудно найти пример этого сейчас.

Я смотрел на использование такого эффекта, но перевернулся

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>

(Источник: http://jsfiddle.net/sonic1980/65Hfc/; (при условии, другой удивительным пользователем StackOverflow))

Это возможно? Спасибо за любую помощь, сообщите мне, могу ли я предоставить дополнительную информацию.

Answer 1

Я попытался повторить его с коробкой тень, проверить это:

.btn{ 
    box-shadow: 0px 5px 5px #888888; 
} 

http://jsfiddle.net/gumxt15q/

Использование врезка

http://jsfiddle.net/q0ere00q/