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 4 of 9 pages « First < 2 3 4 5 6 > Last »
DD Color Tabs
This is a lightweight, very easy to customize image tabs menu similar to the one you see throughout Dynamic Drive. Instead of swapping between two tab images, this menu uses a single transparent tab instead. What this means is that you can in fact change the menu and menu hover colors just by changing the two color values inside the CSS code! It doesn't get simpler than that.
DD Color Tabs II
Based on the same design as DD Colors Tabs, this second version flips the tabs over to create an inverted look. Just like the original, you can modify the menu's default and hover colors just by altering the two color values inside the CSS code. This is made possible thanks to transparent images used as the menu tabs' interface.
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. Four different button colors are presented to give you a jump start in inspiration for using these bold menu buttons. Go big -and round- or go home!
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 buttons. They flip in 3D space when the mouse rolls over them.
FlexBox Rectangles Menu
This is a logo plus UL menu combination where the menu links consist of big colorful rectangles. It uses CSS Flexbox to render the menu links equal in dimension while fluid at the same time.
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.
Glossy Horizontal Menu
A nicely curved, glossy looking horizontal menu. Three images are used to create the interface- an underlining repeating gradient image, plus left and right parts of a sliced tab image for the selected tab.







