CSS3发光菜单

-4

我刚刚参观了这个website，我在这里发现了这个发光的菜单（底部），我猜测它可能是通过CSS3影子效果或类似的东西。任何人都可以告诉我如何才能达到我目前的项目效果。我试过在网上搜索一些教程，但找不到任何。欢迎任何建议。感谢CSS3发光菜单

2012-04-10 freebird

你为什么不看看你发布的网站，看看它是如何完成的？这就是网络的美妙，你可以看到事情是如何做成的。 – 2012-04-10 10:24:44

使用Firefox中的萤火虫，IE9中的F12，Safari中的网络检查器等......您可以看到使用的样式。 – AurA 2012-04-10 10:28:10

CSS3的box-shadow是你想看的：http://jsfiddle.net/3rSbP/

2012-04-10 10:32:54 Paul

感谢您的理解有点紧密，另一件事是如何在悬停时产生椭圆形的形状。任何想法 – freebird 2012-04-10 10:37:45

如果你想要它真正的椭圆形，你需要使用径向渐变，请参阅http://jsfiddle.net/3rSbP/1/的更新。 – Paul 2012-04-10 10:55:39

非常感谢你的帮助 – freebird 2012-04-10 10:58:08

使用新版浏览器，你可以直接检查出他们使用，以实现特定的设计什么样的机制。

我可能是错的，但在第一眼看来，他们使用不同的静态背景图像和响应使用JS事件改变他们（找事件监听器在Chrome）。但是可以在不使用静态图像的情况下在CSS3中执行此操作，尽管稍微精细些。

2012-04-10 10:26:37

他们所做的事情是，他们使用此图片

Samsung background image

并将其移动菜单项的后面（作为其容器的背景）

为了达到类似的东西与CSS

U SE border-radius:50%的方形元素，使之通函及再申请box-shadow为软褪色..

提示：读取源和它们的风格理解（使用萤火虫和其他网络调试工具）

2012-04-10 10:31:09

它是jst改变背景图像...你可以看到，在index.css中有一个CSS类hovermenu0，hovermenu1，....设置背景图像，这些类适用于UL像。

 <ul class="depth1 hoverMenu0">

2012-04-10 10:37:24 Usman

回答