在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导航栏上移动不足？

回答

相关问题