Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library

CSS Library: Horizontal CSS Menus: CSS3 demos: Here

Slide Up Tabs

Author: Dynamic Drive

Adding a twist to the regular tabs menu, Slide Up Tabs uses pseudo elements to first separate the tab interface from each menu link itself, then CSS3 to animate the tab into view whenever the mouse rolls over a menu item. The menu uses no "floats" for easy alignment such as "center" or "right", and is extremely easy to customize in terms of its colors, as 3 variations of the original green theme below shows.

The menu work in IE10+ and all modern versions of other browsers and degrades well with the rest.

Demos:







The CSS:

The HTML:

Code Info

Rate this code:

Date Posted: 08/06/2015

Revision History: None

Usage Terms: Click here

Your Comments
Copyright 2006-2016 Dynamic Drive