在引導導航欄上移動暗光？

Question

關於Stackoverflow的第一個問題，但是我在學習如何制作網站和許多其他東西時一直使用它。 我一直在使用Bootstrap與一個朋友創建一個網站，並且在過去，我們都曾見過帶有非常漂亮的導航欄的網站。

我們想知道的是，是否可以利用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/