今天分享一款CSS3导航菜单，是基于CSS3的响应式下拉滑动特效菜单。滑动的效果非常酷。整体的体验也不错。

这个CSS3菜单有两个特点：

1.响应式布局，这就意味着随着页面大小的变化，菜单的布局也会发生自适应变化，特别适合在移动设备上使用。

2.鼠标滑过动画，鼠标滑过菜单项时可以渐变滑动，动画效果还不错。

如果喜欢这种特效，你还可以去看看：

• HTML5+CSS3实现图片选择动画 可选择多张图片
• CSS3实现的幻灯片导航箭头提示特效
• 超级实用的15种CSS3图片Hover悬停效果代码
• html5+CSS3实现的炫酷超链接特效

鼠标滑过菜单切换即可看到效果，废话不多说，直接上Demo：

使用方法：

1、在head区域引入样式表文件component.css和相关的js文件即可。

2、切换菜单即可看到想要的效果。

3、如果需要自己定制相应的效果。自定义去优化default.css的相关类即可。