Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library

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 1 of 9 pages  1 2 3 >  Last »

3D flip menu

3D flip menu
Using CSS3 transform, this menu flips the traditional menu around, or on its y-axis to be exact. When the user clicks on the menu anchor, it flips over to reveal a drop down menu. The menu degrades well in IE9 and IE8, resorting to a drop down menu activated by JavaScript in the later. Flippin' cool!

3D rollover menu

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, which is a duplicate of the original menu item's content.

Animated horizontal tabs

Animated horizontal tabs
These sliding doors based blue tinted tabs "jump up" when selected, such as when the mouse rolls over each one. This is accomplished using a combination of relative positioning and padding on each tab. The result are tabs that animate without any scripting.

Background Slide In Menu

Background Slide In Menu
This CSS3 drop down menu positions its sub menus beneath their parent header to create an interesting effect when they are revealed. The sub menus slide in from underneath like an animated background.

Bevel horizontal Menu

Bevel horizontal Menu
This CSS code creates a "3 state" horizontal menu out of an ordinary list. When the mouse moves over the menu, the menu item bevels up, and in modern browsers, depressing on the menu also creates a depressed state.

CF Navigation Menu

CF Navigation Menu
This is CSS based navigational menu based on a single tab interface. Four images are used as part of its interface- the two round corners, an indented divider between menu links, and a gradient background image spanning the menu.

CF Navigation Menu II

CF Navigation Menu II
This is an inverted version of the original CF Navigation Menu. Four images are used as part of its interface- the two round corners, an indented divider between menu links, and a gradient background image spanning the menu.

Page 1 of 9 pages  1 2 3 >  Last »

Sponsors
Copyright 2006-2016 Dynamic Drive