在线演示 源码下载7纯CSS3立体动画菜单 菜单项按下有内阴影这次小编来分享一款利用纯CSS3实现的立体动画菜单，该菜单的实现非常简单，并没有太多的特效渲染，但是看起来却非常干净漂亮，尤其配合灰黑色的背景，让菜单显得有点。

mainMenu backgroundcolorFFF*Backgroundcolorofmainmenu* fontfamilyTrebuchetMS，LucidaSansUnicode，Arial，sansserif*Fontsofmainmenuitems* fontsize12em*Fontsizeofmainmenuitems* borderbottom1pxso。

在function内部实现鼠标进入事件，以及所有下拉效果的实现停止播放所有的特效动画，隐藏子菜单图为js代码获取子集菜单，重新设置菜单位置图为html代码停掉子集菜单动作并触发下拉图为css代码主菜单的鼠标移出动作。

它的位置是固定的，所以菜单一直在同一个地方滚动高度设为100%注意，左边距设置为负数，使这菜单从视图中消失为了让它有一个出现的特效，我们用jquery来了调用另一class来显示和关闭JavaScript代码如下$documentreadyfunction。