Home

Resources Home CSS Demos

User rating:

Animated CSS tabs

These sliding doors tabs "jump up" when selected, thanks to a combination of relative positioning and padding on each tab.
http://www.dynamicdrive.com/style/csslibrary/item/animated_horizontal_tabs/
User rating:

A CSS-Only Accordion Effect

An pure CSS powered accordion effect. Ok, so it's missing the actual accordion animation.
http://www.cssnewbie.com/css-only-accordion/
User rating:

Revealing Photo Slider

A thumbnail photo gallery, where clicking a button would reveal the entire photo and more information about that photo.
http://css-tricks.com/revealing-photo-slider/
User rating:

Free CSS-based Tabs for navigations

There are about 17 different styles of tabs, and you can check out all of them plus the source code here.
http://www.exploding-boy.com/2005/12/15/free-css-navigation-designs/
User rating:

Bold CSS Buttons

These big, bold CSS buttons are constructed using a rounded edge button image sliced into two pieces, then put back together using CSS.
http://www.dynamicdrive.com/style/csslibrary/item/bold_css_buttons/
User rating:

CSS Percentage Bars

pixelspread shows you how to do percentage bars with CSS -- slick work.
http://pixelspread.com/blog/296/css-percentage-bars
User rating:

CSS Oval buttons

These buttons use the sliding doors technique of CSS, plus two sliced background images with "on" and "off" states, to create flexible oval shaped CSS buttons.
http://www.dynamicdrive.com/style/csslibrary/item/css_oval_buttons/
User rating:

CSS Express Drop-Down Menus

A PVII solution that will help you produce a quick menu without some of the limitations found in some other "pure" CSS menus
http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm
User rating:

Glossy Horizontal Menu

A nicely curved, glossy CSS horizontal menu. Five color schemes.
http://www.dynamicdrive.com/style/csslibrary/item/glossy_horizontal_menu/
User rating:

CSS Indent Menu

A lightweight CSS menu with the classic "indent" effect on active and selected menu items. Uses two gradient images for the look.
http://www.dynamicdrive.com/style/csslibrary/item/css_indent_menu/

CSS Forums News

Dynamic Drive forums | Register

The Latest Comments

Hosting Coupon Code

Hostgator Hosting at $3.96/mon. Use CSS Drive exclusive coupon code "cssdrive25" for an additional 25% off

All images and content copyright © 2004-2014 CSS Drive. Contact Info | Back to Top