Top 15 Brilliant CSS Hover Menu Examples
Responsive 3D Mega drop menu code Menu (latest ver 1.Responsive 3D Mega Drop Down Menu is a flexible and high customizable to build your custom menus. In addition to you can set up the wordpress CSS menu item drop down by clicking or hovering. Click/hover behavior choice on the CSS3 mega drop menu options page
Fly-out Menu with Unlimited Sublevels
Valid XHTML / CSS 3 markup
This menu has been tested (and works !) in all the following browsers :
2. CSS3 Menu
CSS3 is changing how we build websites. Even though many of us are still reluctant to start using CSS3 due to the lack of support in some browsers, there are those out there that are moving forw
ard and doing some amazing stuff with its cool new features. No longer will we have to rely on so much JavaScript and images to create nice looking website elements such as buttons and menu navigations.
You can build a cool rounded navigation menu, with no images and no Javascript, and effectively make use of the new CSS3 properties border-radius and animation.
I love Mac and I love Fish Eye Menu. 4 menu positions (bottom, top, left, right)
Active and hover states
responsive Mega Menu is built on Bootstrap, an open source front-end framework developed by Twitter. Please note the menu is only compatible up to Bootstrap v2. Buy the original responsive Mega Menu here!
With the flexibility that Bootstrap offers, responsive Mega Menu, helps you create various mega menus with just a little bit of customization to the regular ones available with the framework.Left/Right menu alignment
Take a look at the video to get an idea of what the menu can do for you!
- Added option to show mobile menu collapsed or open
- Some CSS bug fixes for buttons
- Separated responsive CSS to its own separate file
- IE8 support for desktop menu (note: IE8 does not support responsiveness)
- Show menu on hover
- 90% smaller JS and 20% lighter CSS
This menu is the result of a combination of my best works on Codecanyon : I’ve put together a flexible mega menu system that can hold 12 sizes of drop downs, unlimited fly-out elements combined with a jQuery script to enhance the whole system. It can be used as a sticky footer HTML5 CSS3 (with mega “drop-ups”) using the exact same markup as the “standard” mega menu. Customizing the menu require some basic knowledge of CSS and you can change the look of every part of the menu : the fonts, the colors, the sizes, etc. The script includes a few options easy to set up so you can choose which type of effect to apply (on mouse hover or mouse click, fade, slide…). Fully Responsive Menu
Standard Top Menu
Sticky (or fixed) Top Menu
The package contains 2 folders : “Responsive” and “Non-Responsive” so the menu is ready to be included on any type of website. For each version of the menu, responsive and non-responsive, you have 6 HTML files with various examples of what you can do with the menu, from a CSS navigation menu bar without drop downs to a combination of 2 mega menus on a same page. This menu has been tested on many devices and browsers to ensure a maximum compatibility : Internet Explorer, Firefox, Chrome, Opera, Safari have successfully passed the tests.The whole menu relies mainly on CSS, it means that if Javascript is disabled, most of the menu will work. Be sure to test the demo with different browsers or devices to make sure that the menu meets your requirements.I try to regularly update my products based on the feedback I receive, so if you find any kind of bug, I’ll do my best to update the menu as soon as possible. I’ve also created a website that compares and filters my different menus by options / features, Mega-Menu. If you’re still not sure about the menu that would fit into your project, you can contact me at any time from my profile page.
This is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. Menu works (the main structure is 100% same) on Internet Explorer 9 and 8, but animation and some other CSS3 features do not work.Menu now has 4 different animations
The overall size of the menu is now smaller
Version with jQuery (on mouse hover, submenu stays open)
Menu is made with HTML5, CSS3 and jQuery. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. On mouse hover, submenu stays open. Menu works (the main structure is 100% same) on Internet Explorer 9, 8, 7… and a lot of old browsers but animation and some other CSS3 features do not work.
This it’s a menu with 3 columns of pages with a very good design and color combinations and its compatible with mobile devices! Its very efficient for people who want a simple responsive menu with modern design.- We added the Mega-Menu design with the posibility to add forms, images and video in the dropdown!
- Also we added 360+ vector icons to put them in your menu items!
Easy to add new menu items
Hover effect with parent
Mega-Menu Content:
- Mega-menu Content (complete forms, images, video and more!)
Some buttons on the preview image are picked on hover state, watch live preview please.Grouped style (you can use it in navigation menu)
Font-Awesome : Iconic font (font + css files)
Ultimate CSS Gradient Generator : A powerful Photoshop-like CSS gradient editor from ColorZilla ( you can use the generator for change colors of buttons
Narsis Glassy Menu is highly customizable CSS3 animation effects for image hover.These Menu is carefully designed with attention to the details.6 Hover Animation Effects
You can easily change Narsis GlassyMenu Hover Effect
We use FontAwesome for icons so you can use more than 360 icons for your menu.
11. Light Blue Menu
This is a vertical dropdown menu CSS created without images, only using css/html/font icons.Hover effect
Cream Tabs it is a mix of tabs and HTML navigation menu vertical with content slider.Menu position: vertical/horizontal
Triggers: click/hover
Triggers: click/hover
‘Stripe’ is a simple 2-level menu plugin for WordPress, designed to add a little life to your site’s header. Once activated, the menu will scroll along with the page so it would be visible at all times, making it a great place to insert important links to. ‘Stripe’ does not replace or affect your theme’s current menu(s).animated 2-level menu
Add as few or many menu items as you’d like
Ability to override the main menu and create post- and page-specific menus
Choose from several carefully selected hover colors:
- added ability to override the main menu and create post- and page-specific menus
14. Zozo Tabs
All customization can be handled via jQuery options, HTML5 data attributes and CSS. Zozo Tabs allows you to create custom themes and customize your own build suited to your individual needs, modify, include or remove certain modules (reduce size of css by 90%) such as vertical, underlined, multiline, responsive etc. But for beginners and anyone new to CSS it is highly recommended to just start with the full package, without having to worry which modules are necessary.Added: Lighter weight, more efficient and completely reorganised, cleaned and commented CSS style. Added: Source folder which contains all modules of the Zozo Tabs divided into multiple small CSS files. Added: Option maxRows which will be used to switch to vertical dropdown menu CSS when executed
Added: Option minWindowWidth which will be used switch to dropdown menu click jQuery
Touch-Enabled – Tabs are displayed in a CSS dropdown menu code with touch enabled events and fast CSS3 Transitions, view Mobile Tabs
Autoplay support Automatically animate through Tabs when visitors arrive on your website with optional stop on hover/click (smart autoplay), view Autoplay demo
Automatically Scrolling – When clicking on tabs/downlown menu on smaller screens, it will scroll automatically to show your content. Source and Minified CSS
Source folder for advanced css customization (create your own build with specific modules to minize the size)
0) , Added Hover-Intent Trigger
WP menu. I love the new Kodda menu! It completely changed the look and feel of my website and the upgraded control panel could not be better! iclickandhost.the best wordpress dropdown menu menu, it also works in multisite over its developer and very friendly and helpful, I recommend toutunservice.Thank you for helping me quickly to install the menu.I bought another menu before but it was too complex to resolve -
Your menu is very well done and easy to adjust
Tout fonctionne !!! Je vous remercie pour m’avoir aidé pour l’installation du Menu .J’avais acheté un autre menu avant mais il était trop complexe à régler – Votre menu est très bien fait et rapide à régler.Ability to add background images to menu & submenus
Font awesome icons for ( arrows , search & responsive menu )
Ability to change the size and color of the arrows , search & responsive menu Icons !
You can add different menu types
Choose from click or hover trigger
Anything you added to a Menu Type [ Text/HTML ] ,
- Added Hover-Intent Trigger
- Kodda Menu : Fixed re-size & sticky menu issues
- Kodda Menu : CSS & Responsive Enhancements
- Kodda Menu : * Menu Position ( General Style Tab ) replaced by
"Enable Sticky Menu ( Settings Tab )"
- Fixed CSS Conflict . - Ability to add background images to menu & submenus
- Font awesome icons for ( arrows , search & responsive menu )
- CSS Enhancements . - The menu now , use the bootstrap dropdown menu version only
- Improved css
Left, right and centered menu or content
Expandable bottom menu for special content
Animated tabs, tooltips and hover states