标签:CSS3菜单

WEB前端

3组不同风格的CSS3后台管理系统菜单

1

爱前端网 - Yang 发布于 2021-11-09

这是一款基于Tailwind CSS3的后台管理系统菜单,提供3组漂亮的风格主题,非常适合为网站或者App的后台系统提供主菜单导航。这款CSS菜单结构是垂直的,提供“仅图标”和“图标文本”两种模式,所以我们可以为菜单设计一个响应式的方案,选择性地使用菜单显示模式。菜单的3组风格主...

阅读(2193)赞 (11)

WEB前端

简单精美的纯CSS垂直手风琴菜单

1

爱前端网 - Yang 发布于 2021-11-09

这是一个使用纯CSS实现的垂直手风琴菜单,菜单一共两种模式,一种是可以同时打开多个菜单项,另一种是只能同时打开一个菜单项。而且,简单的CSS样式,不仅实现简单,而且样式扩展起来也比较灵活。你可以给菜单面板添加背景,也可以给菜单项添加小图标,提升整个手风琴菜单的美观度。 在线演示 ...

阅读(1817)赞 (7)

WEB前端

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

1

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

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

阅读(4820)赞 (284)

WEB前端

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

1

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

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

阅读(2285)赞 (2)

WEB前端

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

1

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

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

阅读(1810)赞 (1)

WEB前端

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

1

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

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

阅读(2430)赞 (2)