在Bootstrap導航欄上移動不足？

關於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/;（由另一個驚人計算器用戶提供））

這可能嗎？感謝您的幫助，請告訴我是否可以提供更多信息。

來源

2014-09-22 Luke

我試圖用一個箱子的影子來複制它，檢查出來：

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

http://jsfiddle.net/gumxt15q/

採用插入式

http://jsfiddle.net/q0ere00q/

來源

2014-09-23 02:45:20 Mintberry

感謝您的答覆！實際上，我們希望我們可以在按鈕內部使用「陰影效果」作爲一種發光！這裏有一個類似的效果的例子，但使用的Photoshop做：http://smashinghub.com/wp-content/uploads/2012/02/171.jpg – Luke 2014-09-23 09:30:52

見上面編輯，時採取了谷歌搜索「框陰影內部和外部」 – Mintberry 2014-09-23 15:30:24

在Bootstrap導航欄上移動不足？

回答

相關問題