CSS Library Horizontal CSS Menus
Welcome to Dynamic Drive's new CSS library! Here you'll find original, practical CSS codes and examples such as CSS menus to give your site a visual boast.
Responsive Iconic Menu
This sleek horizontal menu bar stays tucked away until the user clicks on an icon, revealing the menu. Using CSS3, various parts of the menu are animated, from the menu unveil to the icon flip when clicked on. Pizzazz aside, at its core this is a menu that's highly responsive to various devices and screen sizes.
Flat flipping menu buttons
These menu buttons combine the two hot trends that are flat design (absence of bevels, gradients and shadows etc) and CSS3 to create a bold and modern looking navigation system. Each icon inside the button can either be an image, or CSS icon font (as in first example below) for leaner and more rapid deployment.
CSS3 Sonar Menu
CSS3 Sonar Menu is a horizontal list menu that highlights each menu link with a pulsating sonar effect.
Flipboard CSS buttons
Flipboard creates a series of CSS buttons that flip horizontally on themselves when the mouse rolls over them, creating an elegant, eye catching effect. It employs CSS3 transform and transitions to do the heavy work.
Rollover Text Menu
This CSS menu creates the popular rollover text effect of text sliding up to reveal a duplicate of itself when the mouse rolls over a menu item.
Split Drop Down Menu
CSS Spotlight Menu
Spotlight Menu takes advantage of CSS3's
border-radius property and
transitions to add a circular background to its menu items when the mouse rolls over each one. The result is a Flash-like, sleek spotlight menu!