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.
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!
CSS3 Shadow Block Menu
This CSS Menu harnesses CSS3's ability to define multiple/ inset shadows (so the shadow grows inwards) on an element to create menu items with bevelled edges and a growing inner glow when the mouse rolls over them. CSS3 animation is enabled to gradually transition between various property changes.