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.
3D rollover menu
This horizontal menu flips the traditional rollover effect over its head to create a rather unique effect. As the user mouses over a menu item, it rolls up in a 3D fashion like a cube to reveal the bottom side.
Depressible Circle Buttons
These large, circular buttons employ CSS3 shadows to create a 3D, depressible effect, with hovering over a button causing it to depress. Multiple lines of text are supported inside each button, which are all centered vertically.
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.