10 个超棒的 CSS3 下拉菜单

简介: 1) CSS Mega Dropdown Mega dropdown is a pure CSS dropdown menu which is easily customizable and features 5 included color schemes (red, blue, orange, green, grey).

1) CSS Mega Dropdown

Mega dropdown is a pure CSS dropdown menu which is easily customizable and features 5 included color schemes (red, blue, orange, green, grey).

2) Metro CSS3 Mega Menu

This is a CSS3 Menu inspired in the new Microsoft Metro UI. It comes with 4 different “box” layouts, 5 images animations and more nice features. Is very easy to use and install, well documented and no JavaScript/jQuery.

3) Friendly CSS3 Megamenu

An easy-to-use CSS Mega Menu with both vertical and horizontal implementations. Unlimited possible sub menus with CSS 3 transitions giving you a javascript-like menu with only CSS

4) CSS3 Mega Drop Down Menu

This Mega Drop Down Menu is a flexible and easy to integrate solution to build your custom menus. The drop down relies only on CSS /XHTML and comes with a fully working contact form.

5) CSS3 Mega Menus

Drop Down Mega Menu created with CSS3 markup. This menu doesen’t need any images. Easy to customize and ready to create your own version.

6) Sticky Header

Sticky Header is the top navigation bar that remains at the top of the page even when a user scrolls the page. This makes navigating to other parts of the site easy.

7) Menu with CSS3 Effects and Notification Bubbles

This Menu with CSS3 Effects and Notification Bubbles has everything you need. The functionality is divided in different parts and that makes it very powerful.

8 ) CSS Ultimate Menus

These Menus feature 3 different dropdown styles, Product view, multi-column view and single column view, it has different classes for different levels and could support endless dropdowns

 

9) jQuery CSS3 Sticky Mega Menu Bar

The plugin also works as a Multi Level dropdown Mega Menu, and comes in 15 different menubar templates, 2 menu templates and infinite menu levels.

10) HTML5 CSS3 Drop Down Menu

Super flexible and semantic HTML5 /CSS3 drop down menu, absolutely no JavaScript. Very easy and quick to implement!

via webinsightlab

目录
相关文章
|
8月前
|
Web App开发 前端开发
用CSS3实现一个简单的幻灯片效果页面
用CSS3实现一个简单的幻灯片效果页面
54 0
|
4月前
|
前端开发
使用CSS3写出一个好玩有趣的复选框
使用CSS3写出一个好玩有趣的复选框
22 1
|
4月前
|
前端开发
纯css实现的一些好看的按钮
纯css实现的一些好看的按钮
39 0
|
5月前
CSS3实现鼠标悬停动态效果(仿阿里云官方网站)
CSS3实现鼠标悬停动态效果(仿阿里云官方网站)
24 0
|
JavaScript 前端开发 数据安全/隐私保护
CSS实现一个『简约高级』的输入框
一个商务简约的登陆界面 前几天在逛codepen的时候,发现了一个很有意思的登陆界面,于是就想着自己实现一下,于是就有了这个demo。 顺便将接下来网站的登陆界面也改成这个样式了。
|
JavaScript 前端开发
纯CSS设计按钮
不需要图片和js技术。能够兼容各种浏览器,不兼容opera.
98 0
|
前端开发
css3实现摇动效果的下拉菜单
使用css3的动画效果,实现下来菜单的摇动效果。
101 0
css3实现摇动效果的下拉菜单
|
前端开发 JavaScript 程序员
基于H5+css+JavaScript实现鼠标悬停时导航栏简约缓出效果
基于H5+css+JavaScript实现鼠标悬停时导航栏简约缓出效果
261 0
基于H5+css+JavaScript实现鼠标悬停时导航栏简约缓出效果
CSS3手风琴下拉菜单
在线演示 本地下载
857 0