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.
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!
CSS Tabs menu
This is a basic CSS tabs menu, created from an ordinary HTML list. The menu supports two common requests- the ability to align the menu "left", "center", or "right" on the page, plus highlight a particular tab so it appears selected.
CSS Thick Tabs
These CSS menu tabs come with thick top/bottom padding to achieve that attractive cushioned look. Setup is very easy- each menu link simply carries a gradient background image that is changed to a darker version of the original when the mouse rolls over each menu item.
CSS3 Gradient Menu Buttons
These fancy looking buttons brings together CSS3's
box-shadow, and linear gradients to create glossy looking menu buttons that use NO images.
CSS3 Semi Opaque Menu
This menu takes advantage of CSS3 gradient background to produce a menu with a semi opaque rollover effect. Whatever the solid background color of the main UL behind it, the menu item's background peeks through. Peek-a-boo!
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.
CSS3 Sonar Menu
CSS3 Sonar Menu is a horizontal list menu that highlights each menu link with a pulsating sonar effect.