In today’s post we have a nice collection of jQuery / CSS3 Menu demos. These menus include properties like hover over, collapsible, and even sidebar menus with metro bootsraps. Enjoy!
1. Metro Hover Menu
Metro Hover Menu with a cool CSS3 raising effect.
2. An Anonymous Pen
Demos using a for loop to calculate the positions of a series of way-points with an animated progress bar.
3. Metro Collapsible Menu
Pretty cool metro collapse menu accordion, it uses jquery.collapsible.menu.js
4. Metro Navigation
3 types of Metro Navigations using CSS3 transitions for colors.
5. Sidebar with sub menus + metro bootsraps
Sidebar with sub menus + metro bootsraps
6. Topbar drop down menu
Very simple topbar drop down menu.
7. Left and top sub menus
Cool demo with left and top sub menus again very easy to implement.
Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.
The Principles of Beautiful Web Design, 4th Edition
Docker for Web Developers
HTML5 Games: Novice to Ninja