Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library
 
CSS Library
CSS Layouts

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 (0)

Got a question or need help customizing this CSS code? Post it in the CSS Forums. If you have a comment or suggestion instead, post it in the comments section below.


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