Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library
 
CSS Library
CSS Layouts
Web Graphics
Online Tools:
Last commented:

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.

Page 2 of 8 pages  <  1 2 3 4 >  Last »

Split Drop Down Menu

Split Drop Down Menu
Using a combination of CSS2 selectors, pseudo classes, CSS3 transitions, plus a tough of JavaScript, we arrive at a CSS based split menu button, even sans images!

CSS Spotlight 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

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 Semi Opaque Menu

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!

CSS Clay Bricks Menu

CSS Clay Bricks Menu
This rustic looking horizontal CSS menu utilizes CSS3 gradient backgrounds and box shadows to add progressive visual appeal while still maintaining its minimalist look. The menu uses no CSS floats and hence can be easily left, center, or right aligned.

Clean Arrow Underline Menu

Clean Arrow Underline Menu
This menu uses the nifty "CSS Triangles technique" to create a clean horizontal UL menu with a thick arrow border applied to the currently active menu item. It uses no images nor any extranous markup to accomplish the effect,

CSS Circle Menu

CSS Circle Menu
This CSS example uses CSS3's border-radius property that's set to a very large value to create circle menu links.

Page 2 of 8 pages  <  1 2 3 4 >  Last »

Sponsors

Advertise Here

Copyright 2006-2014 Dynamic Drive Read our Usage Terms before using any of the CSS codes.