标签:CSS3菜单

WEB前端

CSS3弧形曲线循环菜单导航 菜单项图标高亮

1

爱前端网 - Yang 发布于 2019-08-09

今天给大家带来一个非常富有创意的CSS3菜单导航插件,它与我们平常看到的横向菜单或者纵向菜单都不同,它的菜单项是沿着一段弧形曲线分布的,同时有两个上下切换的按钮,当切换到某一个菜单项时,菜单项会沿着曲线移动到当前视窗,同时显示对应的小图标,更重要的时,菜单项的切换是循环的,因此使...

阅读(35)评论(0)赞 (2)

WEB前端

CSS3可自动折叠的垂直手风琴菜单

1

爱前端网 - Yang 发布于 2019-08-09

我们分享过很多手风琴菜单,大部分是垂直的手风琴菜单,都非常实用,比如这个CSS3深色背景的垂直手风琴菜单。这次我们继续为大家带来一款基于CSS3的垂直手风琴菜单,除了和其他手风琴菜单那样可以自动折叠菜单项以外,它还有一个特点是折叠和展开时代有平滑的淡入淡出效果。 在线演示 源码下...

阅读(15)评论(0)赞 (1)

WEB前端

样式独特的纯CSS3自定义下拉菜单

1

爱前端网 - Yang 发布于 2019-08-09

我们给大家分享过一个jQuery自定义样式下拉框 支持分组、多选和搜索,应该说还是挺实用的。这次我们要介绍的也是一个下拉菜单,基于CSS3实现,它的特点是主菜单有一层阴影,这样整个下拉菜单看起来就会有3D立体的视觉效果,是不是很棒? 在线演示 源码下载

阅读(14)评论(0)赞 (1)

WEB前端

CSS3和SVG实现的圆环菜单动画

1

爱前端网 - Yang 发布于 2019-08-09

网页菜单的样式真实多种多样,特别是HTML5和CSS3的流行,让网页菜单的外观更加丰富多彩了。今天我们要给大家分享一个基于CSS3和SVG的圆环形状的菜单,在圆环上一共有7个节点,表示菜单项,当鼠标滑过或者点击其中一个节点时,就会弹出文字菜单项,圆环形状和节点都是采用SVG绘制而...

阅读(14)评论(0)赞 (1)