CSS3 comes with couple of very neat features such us animation, gradients, rounded corner etc. Todays, Marcofolio teach us how to create tabbed navigation using standard features of CSS3.

This tutorial takes on the following CSS(3) properties:

• rgba
• opacity
• text-shadow
• pseudo selectors
• rounded corners
• gradients
• box-shadow

The result is Sweet tabbed navigation using pure CSS3. Demo page only works in browsers that support the new CSS3 features. This code fully works in Safari / Firefox 3.6.

Requirements: CSS3 support browser, safari/firefox 3.6
Demo: http://demo.marcofolio.net/css3_tabbed_nav/

Incoming search terms for the article:

• tabbed navigation
• css3
• css3 tab navigation
• tabbed
• css3 tabbed navigation
• tabbed navigation css3
• tab navigation
• navigation css
• tabbed navigation css
• css navigation